联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 程序开发学习 > 正文

关于Vue3警告:Failed to resolve component:XXX的解决办法

作者:小教学发布时间:2023-09-26分类:程序开发学习浏览:73


导读:今天做小项目的时候遇到的问题,上网参考了几个大佬给出的解决方法方法一:检查组件是否注册没有注册组件,注册即可方法二:检查组件名称是否有误检查一下组件的名称有没有拼错...

今天做小项目的时候遇到的问题,上网参考了几个大佬给出的解决方法
在这里插入图片描述

方法一:检查组件是否注册

没有注册组件,注册即可

方法二:检查组件名称是否有误

检查一下组件的名称有没有拼错or大小写有问题

方法三:defineComponent

将vue3中的defineComponent去掉

参考:https://blog.csdn.net/qq_41983641/article/details/115361460

方法四:组件互相嵌套

可能是你引用的组件互相嵌套,你中有我,我中有你,此时建议
1、把组件注册成全局组件
2、使用 webpack 的异步 import

components: {
  TreeFolderContents: () => import('./tree-folder-contents.vue')
}
参考:https://blog.csdn.net/u012761510/article/details/112527221

方法五:是否是用对象包裹

以上方法我都试过了,最后解决的办法是将名称外包裹的花括号删除即可在这里插入图片描述





程序开发学习排行
最近发表
网站分类
标签列表