vue 引用组件报错——找不到组件的解决方案

最新推荐文章于 2024-05-22 15:49:50 发布
最新推荐文章于 2024-05-22 15:49:50 发布
阅读量1.9w 收藏 9
点赞数 10
分类专栏： vue 文章标签： vue 组件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_41200024/article/details/84668056
版权

vue在开发页面时引用组件报错

在使用vue开发页面时报如下错，到处找问题，components的注入也是写正确的

在这里插入图片描述
后来才发现是这里引入写错了，引入组件不能写{}
在这里插入图片描述
改成下面这种就可以了
在这里插入图片描述
记录下工作中的坑~

wendycwb
关注
  • 10
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vue如何解决循环引用组件报错的问题
10-17
在Vue开发过程中，循环引用组件有时会导致报错，特别是当组件相互依赖，形成循环引用时。Vue框架在处理这种情况时可能会出现"Unknown custom element"的警告，提示组件未正确注册。这个问题通常源于组件实例化顺序与...
vue 子组件watch监听不到prop的解决
10-14
主要介绍了vue 子组件watch监听不到prop的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue组件未找到报错
shaohuihe
02-24 1148
vue报错： #Unknown custom element: <todo-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option. 原因： 1.引用子组件要注册并且声明componets里，未声明会报错 2.存在组件嵌套会出现报错，将子组件声明为全局组件即可，引用时不需要再注册和声明，直接使用 impor..
vue采坑----报错找不到相应组件
qq_34530330的博客
08-29 3771
上午写的时候报了一个错， 说是找不到组件，原谅我英语不好，还死活去问别人别人也不知道发生了啥，中午吃完了饭，才发现，根本不是找不到这个模块， 而是在这个模块里面引入的图片是找不到的，哭晕在厕所...
Vue3解决“找不到模块“@/components/xxx.vue”或其相应的类型声明”
最新发布
qq_43657722的博客
05-22 2269
在使用 Vue 3 开发项目时，遇到“找不到模块 ‘@/components/xxx.vue’ 或其相应的类型声明”的错误是一个常见问题。这通常与 TypeScript 和模块解析相关的配置不当有关。本文将详细介绍如何解决此问题，确保你的项目能够正确识别和导入 Vue 组件。
关于vue报错，组件找不到
有问题可关注公众号：前端研究院 后台输入问题回复
02-24 1万+
这个报错 一直觉得很神奇，我的组件明明注册了，也import进来了 路径也是对的，为什么还是报错呢？ 后来发现，原来在components里面没注册。。。。。 ...
vue导入elementUI组件报错解决
qq_33653304的博客
11-05 1991
因项目需要用到elementUI组件，故在main.js里面进行导入 但是编译时报错，发现在搭建完框架，引入elementUI之前需要先下载相关组件信息 在控制台输入npm i element-ui -S，进行下载 下载完成后重新启动项目，编译不报错，错误解决。 ...
VUE引入组件时地址报错？
BiuBiu_Ka
09-23 660
引入组件时报错，只需要把地址后面的vue去掉就可以了 Already included file name 'e:/Work_tmp/__HHManage/Admin/HongHao/src/admin/view/sysmanage/components/addDevice.vue' differs from file name 'e:/Work_tmp/__HHManage/Admin/HongHao/src/admin/view/sysmanage/components/adddevice.vue' o
vue 解决循环引用组件报错的问题
10-18
今天小编就为大家分享一篇vue 解决循环引用组件报错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue 引入子组件报错的问题
10-18
今天小编就为大家分享一篇解决vue 引入子组件报错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue动态加载组件import引入组件找不到组件（Error: Cannot find module）
TTong_190502的博客
06-16 5856
vue动态加载组件import引入组件找不到组件，异步加载组件找不到组件解决方案
Vue组件引入报错解决方法
欢迎关注公众号“雨林寻北”，添加个人微信codetrend（备注技术）。
02-22 8680
异步引入产生的组件延迟引入，一个同步异步问题。
Vue项目路径正确但是引入组建报错问题
编程之路
11-17 4780
最近遇到的，写了一个组件，在其他的组件里引用的时候报错：This dependency was not found，找不到一开始以为是简单的路径问题，结果检查发现都没有问题，而且怎么修改编译也不可以，本来想第二天继续解决结果莫名其妙好了，所以简单猜测了一下原因和解决办法测试有效。 原因分析： 项目使用 Vue Cli 3x 用了 npm run serve 命令，一旦有更新就会编译。 推测是...
Vue创建component组件引用后不显示问题
weixin_51540252的博客
08-17 2889
Vue创建component组件引用后不显示问题
在vue中使用this.$refs报错undefined找不到子组件的方法
此行必胜，你我顶峰相见
02-22 5724
最近遇见个问题 在父组件调用子组件的方法时报错undefined 这种情况一般都是父组件调用子组件方法的时候，子组件还未渲染成功 比如报错行是 this.$refs.passwordmodal.show(username); 可以改成上 this.$nextTick(()=>{ this.$refs.passwordmodal.show(username); }) ...
vue项目打包报错
weixin_44860440的博客
05-12 1162
vue项目打包报错 老项目拉下来后改了些样式，再次打包他会报错 npm ERR! missing script: build npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2020-05-12T06_25_52_458Z-debug.log 解决办法： 找到package.json的，看有没有安装optimize
vue中使用this.$refs获取不到子组件的方法，属性方法都为undefined的解决方法
范德萨的博客
08-09 6372
因为注册了多个ref，获取是不能单单知识refs.xxx，需要使用数组和索引来获取具体一个组件refs[index].xxx。使用this.$nextTick()，来等组件渲染完毕之后再使用refs调用子组件方法。好这么一写，导致前两个组件都无法正常使用……
[Vue warn]: Unknown custom element——Vue自定义组件，名称确实无误，但是找不到组件。
BeautifulXu的博客
09-29 2517
[] ->{}
关于Vue实现动态路由component找不到组件的问题(Error: Cannot find module ‘@/views/User‘)
热门推荐
提笔忘字的帝国
03-22 1万+
Error: Cannot find module '@/views/User';store sync?5d98:2 Uncaught (in promise) Error: Cannot find module '@/views/User'
vue引入组件报错找不到
09-23
当在Vue中引入组件时，如果出现找不到组件的错误，通常是由于以下几个原因导致的： 1. 组件路径错误：首先要确保引入组件的路径是正确的。需要检查组件的相对路径是否正确，例如是否使用正确的相对路径或绝对路径。 2. 组件命名错误：要引入的组件可能存在命名错误。需仔细检查组件的命名是否正确，包括大小写和拼写。 3. 组件文件不存在：如果引入的组件文件不存在，就会出现找不到组件的错误。需要检查组件文件是否存在，以及文件名是否正确。 4. 组件未导出：Vue组件需要在文件中使用export default导出。如果组件文件没有正确导出组件，就会出现找不到组件的错误。需要检查组件是否有正确导出。 5. 组件未全局注册：如果没有将组件全局注册，就会出现找不到组件的错误。在使用组件之前，需要使用Vue.component或Vue.use全局注册组件。如果是通过子组件引入，需要确保父组件在引入子组件之前已经注册了。 如果上述问题都没有导致错误，可以尝试删除缓存并重新安装依赖。可以运行npm cache clean命令清除缓存，然后运行npm install重新安装依赖。 总之，引入组件找不到的错误可能由于文件路径错误、命名错误、文件不存在、组件未导出或未全局注册等原因导致。需要逐一检查这些可能的问题，并且根据情况采取相应的纠正措施。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值