【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'

 

總結

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

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