Vue3警告:Failed to resolve component:XXX的详细解决办法

 更新时间:2023年05月30日 08:54:59   作者:P9ulp  
最近在一个vue3项目中遇到了报错,整理了些解决办法,这篇文章主要给大家介绍了关于Vue3警告:Failed to resolve component:XXX的详细解决办法,文中介绍的非常详细,需要的朋友可以参考下

今天做小项目的时候遇到的问题,上网参考了几个大佬给出的解决方法

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

没有注册组件,注册即可

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

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

方法三:defineComponent

将vue3中的defineComponent去掉

<script>
import { defineComponent } from "vue";
import layaside from "./Aside";
export default defineComponent({
  components: {
    layaside,
  },
  setup() {
    return {};
  },
});
</script>
<script>
import layaside from "./Aside";
export default {
  components: {
    layaside,
  },
  setup() {
    return {};
  },
};
</script>

后来我查了一下defineComponent主要是TS的时候用处比较大,JS也可以不需要。

方法四:组件互相嵌套

可能是你引用的组件互相嵌套,你中有我,我中有你,此时建议

1、把组件注册成全局组件

2、使用 webpack 的异步 import

components: {
  TreeFolderContents: () => import('./tree-folder-contents.vue')
}

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

以上方法我都试过了,最后解决的办法是将名称外包裹的花括号删除即可

总结

到此这篇关于Vue3警告:Failed to resolve component:XXX的详细解决办法的文章就介绍到这了,更多相关Vue3警告Failed to resolve component:XXX内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新

    vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新

    这篇文章主要介绍了vue实现歌手列表字母排序,下拉滚动条侧栏排序实时更新,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • 基于Vue sessionStorage实现保留搜索框搜索内容

    基于Vue sessionStorage实现保留搜索框搜索内容

    这篇文章主要介绍了基于Vue sessionStorage实现保留搜索框搜索内容,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-06-06
  • vue使用localStorage保存登录信息 适用于移动端、PC端

    vue使用localStorage保存登录信息 适用于移动端、PC端

    这篇文章主要为大家详细介绍了vue使用localStorage保存登录信息 适用于移动端、PC端,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • 详解Vue3子组件向父组件传递消息

    详解Vue3子组件向父组件传递消息

    这篇文章主要介绍了Vue3子组件向父组件传递消息,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-07-07
  • vue3二次封装element-ui中的table组件的过程详解

    vue3二次封装element-ui中的table组件的过程详解

    这篇文章主要给大家介绍了vue3二次封装element-ui中的table组件的过程,文中通过代码示例给大家介绍的非常详细,对大家的学习或工作有一定的帮助,需要的朋友跟着小编一起来学习吧
    2024-01-01
  • vue3中effect函数到底是什么详解

    vue3中effect函数到底是什么详解

    Effect几乎是Vue3.0中最重要的一个功能了,计算属性监听函数都是基于effect实现的,下面这篇文章主要给大家介绍了关于vue3中effect函数到底是什么的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-06-06
  • Vue.js rules校验规则举例详解

    Vue.js rules校验规则举例详解

    Vue表单校验规则(rules)是一种用于验证表单数据的对象,它通常用于Vue.js框架中的表单组件中,可以在表单提交前进行数据验证,这篇文章主要给大家介绍了关于Vue.js rules校验规则的相关资料,需要的朋友可以参考下
    2024-02-02
  • nuxt.js框架使用小结

    nuxt.js框架使用小结

    本文主要介绍了nuxt.js框架使用小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-08-08
  • 讲解vue-router之什么是嵌套路由

    讲解vue-router之什么是嵌套路由

    这篇文章主要介绍了讲解vue-router之什么是嵌套路由,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • vue+mock.js实现前后端分离

    vue+mock.js实现前后端分离

    这篇文章主要为大家详细介绍了vue+mock.js实现前后端分离,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07

最新评论