make sure to provide the "name" option. vue循环引用组件报错问题

最近在开发项目中遇到引用组件老是报错:[Vue warn]: Unknown custom element: <is-notice> - did you register the component correctly? For recursive components, make sure to provide the "name" option.  

在我的项目中错误只发生在首页引用组件时,在其他页面引用组件不会报错(不知道为什么),百度各种查资料终于找到了解决方案,说是循环调用组件时,组件比vue实例后创建,官方文档里写组件必须先于实例化引入,所以说组件没有正确的引入

解决方法:就是在vue实例化前全局引入组件。

在main.js引入

import isNotice from '@/components/home/notice'
Vue.component('isNotice', isNotice)

用上面的方法全局引入组件就可以解决循环引用组件报错的问题。

(只是暂时解决了问题,具体到本项目为什么只有首页引用会出现这种错误,还在查找中。。。)

参考:https://www.jb51.net/article/147864.htm

 

©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页