【Vue.js】vue引入組件報錯：該組件未註冊？

 

 

[Vue warn]: Unknown custom element: <QuestionnaireOption> - did you register the component correctly? For recursive components, make sure to provide the "name" option

 

上圖的報錯提示，說個人QuestionnaireOption組件並無註冊？ 

我在Questionnaire.vue中引入組件QuestionnaireOption.vue，代碼以下：

import { QuestionnaireOption } from '@/components/app/questionnaire/assembly/QuestionnaireOption'

然而，上面的引入組件代碼是錯誤的，正確引入自定義組件代碼以下

import  QuestionnaireOption  from '@/components/app/questionnaire/assembly/QuestionnaireOption'

 

爲何會發生這種錯誤，由於咱們日常引入vux的組件，經常以下所寫：

import { XHeader } from 'vux'

 

總結

自定義的組件在別處引入不須要中括號

而第三方組件的引入須要中括號{}