【Vue.js】vue引入组件报错:该组件未注册?

时间:2022-08-21 06:11:15
[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'

总结

自定义的组件在别处引入不需要中括号

而第三方组件的引入需要中括号{}