vue 组件嵌套异常

Unknown custom element: <XXX> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

问题:组件引入失败,并未拼写错误或未注册
原因:归根结底还是组件之间的循环引用造成的问题,
有两个组件称为 A 和 B,
模块系统发现它需要 A,但是首先 A 依赖 B,但是 B 又依赖 A,但是 A 又依赖 B,如此往复。
这变成了一个循环,不知道如何不经过其中一个组件而完全解析出另一个组件。
官方给的解决方法就是异步加载组件 (https://vuejs.bootcss.com/guide/components-edge-cases.html#%E5%BE%AA%E7%8E%AF%E5%BC%95%E7%94%A8)。

错误写法:
import A  from './A'
异步引入写法:
const  A = () => import('./A')
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容