vue注入组件时报错：did you register the component correctly? For recursive components......

最新推荐文章于 2024-03-05 19:59:45 发布
最新推荐文章于 2024-03-05 19:59:45 发布
阅读量4.6w 收藏 26
点赞数 40
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ch_jia_jia/article/details/109223093
版权

报错信息：
在这里插入图片描述
vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.

找原因：

查了很多，大多数都是说components拼写错误，或者写了两个components。这个也需要检查一下，但是我这边是没有这样的问题的，再查资料发现，有组件循环引用的问题：
循环调用组件时，组件比vue实例后创建，官方文档中提到组件必须先于实例化引入。所以是引入的问题。

解决：

原来的写法：
在这里插入图片描述
修改为在这里插入图片描述

1佳佳佳佳
关注
  • 40
    点赞
  • 踩
  • 26
    收藏
    觉得还不错? 一键收藏
  • 15
    评论
专栏目录
【BUG】VUE2出现组件未注册问题，did you register the component correctly
印记
05-24 1636
问题：Unknown custom element: <GoodsOrderCell> - did you register the component correctly? For recursive components, make sure to provide the "name" option. ...
vue-flatpickr-component：Flatpickr日期时间选择器的Vue.js组件
02-06
Vue FlatPickr组件 Vue.js组件，用于日期时间选择器。 或 版本矩阵 Vue.js版本 套餐版本 科 2.x 8.x 3.x 9.x 主 产品特点 React性v-model值您可以通过编程方式更改Flatpickr值 React性选项 您可以动态更改配置选项 组件将监视任何更改并重新绘制自身 可以发出所有可能的 与或任何其他CSS框架兼容 支持模式只需在配置中设置wrap:true ，组件将负责所有操作 与验证库一起使用 安装 # yarn yarn add vue-flatpickr-component # npm npm install vue-flatpick
报错Unknown custom element: ＜di＞ - did you register the component correctly? For recursive components,
qq_41180882的博客
01-09 8546
Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.等几种类似错误
解决报错did you register the component correctly? For recursive components, make sure to provide the “na
最新发布
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
03-05 1458
vue.esm.js:5105 [Vue warn]: Unknown custom element: - did you register the component correctly?
did you register the component correctly? For recursive components, make sure to provide the
weixin_46124693的博客
04-27 1137
1.拼写错误 // 看看名称或者是路径有没有问题 components{ //组件 } 2.组件循环调用，也会报错 components: { DrawerPage :()=>import("@/views/components/drawerPage/index.vue") },
[Vue warn]: Unknown custom element: ＜el-dialog＞ - did you register the component correctly? For recu
m0_74830537的博客
12-15 1129
Vue报错：[Vue warn]: Unknown custom element: - did you register the component correctly?我在黑窗口中输入了 npm i element-ui -S命令之后，就开始创建Vue component，添加路由了。运行后浏览器不显示Element-UI的标签。这是没有在main.js中导入element-ui，使用element -ui 导致的。在main.js中粘贴以下代码即可。
vue 总提示组件没有正确注册
hakey_new的博客
07-29 1309
did you register the component correctly? For recursive components, make sure to provide the "name" option.
did you register the component correctly? For recursive components, make sure to provide the “name“
缘晴空的博客
05-06 4万+
did you register the component correctly? For recursive components, make sure to provide the "name" option常见问题及解决方案
Vue报错——did you register the component correctly? For recursive components, make sure to provide the
热门推荐
qq_42132814的博客
09-22 8万+
今天项目中遇到一个大坑，项目报错did you register the component correctly? For recursive components, make sure to provide thethe "name" options，报错很容易理解，就是组件注册的方式不对，没有注册成功，仔细看了自己组件的注册，发现并没有什么问题在网上找了很久，一无所获，偶然看到一篇博客的评论，受到了启发。 评论区是这样说的：多次调用的组件使用import引入，可以让name不和父组件冲突 解决方式.
异常 did you register the component correctly? For recursive components, make sure to provide the “nam
az44yao的专栏
02-18 4036
百度进行搜索，发现很多博主的答案都不一样，根据每一个进行排查，发现自己都不存在该问题，于是找了半天，发现是自己的。vue项目使用抽屉组件时候报错did you register the。1.3在引入的时候import {。},加多大括号（我犯错的地方）
vue-input-tag：Vue.js 2.0输入标签组件
02-06
Vue输入标签 一个受启发的Vue.js 2.0输入标签组件 安装 NPM /纱线 npm install vue-input-tag --save yarn add vue-input-tag 然后，您需要导入并注册它： import InputTag from 'vue-input-tag' Vue . component ( 'input-tag' , InputTag ) CDN < script src =" https://unpkg.com/vue " > </ script > < script src =" https://unpkg.com/vue-input-ta
vue-masked-input：Vue.js的蒙版输入组件
02-06
Vue.js 2.X的无效简单蒙版输入组件。 基于 。 安装 npm npm install vue-masked-input --save 用法 将其与v-model一起使用，就像带有mask属性的本地html输入一样： 以下格式字符定义了掩码的可编辑部分（请参阅 ...
vue-3d-model：:camera:vue.js 3D模型查看器组件
02-06
vue-3d模型 vue.js基于threejs的3D模型查看器组件，受启发一个展示三维模型的Vue组件，支持模型操作和模型点击事件，能自动缩放模型到合适的大小并校正偏移，支持多种格式的模型。例安装使用npm npm install vue-3d-...
vue-qrcode：Vue.js的QR码组件
02-06
Vue 3的QR代码组件，基于 。 主要档案 dist/ ├── vue-qrcode.js (UMD, default) ├── vue-qrcode.min.js (UMD, compressed) ├── vue-qrcode.esm.js (ECMAScript Module) └── vue-qrcode.esm.min.js ...
vue-instantsearch：:eyes:使用Vue.js构建搜索UI的Algolia组件
02-06
:high_voltage: 快速搜索Vue.js应用 由建造。 该存储库保存Vue InstantSearch项目的代码。 文献资料 在上有专门的文档。 安装 Vue InstantSearch在npm注册表中可用。 安装它： # with npm npm install --save vue...
vue+element 前端解析excel并表格展示
ch_jia_jia的博客
02-26 9385
首先引入依赖模块： npm install xlsx --save 在需要解析excel的页面(vue文件)中引入依赖： import XLSX from 'xlsx' 页面部分： 使用elementUI组件完成文件上传： <!-- excel表格上传 --> <el-upload class="upload-demo" ...
vue使用element-ui时报错did you register the component correctly? For recursive components, make sure to provide the "name" option.
07-08
这个错误通常是由于未正确注册组件导致的。在Vue中使用Element UI时，确保正确导入并注册了所需的组件。请检查以下几点： 1. 确保已正确导入Element UI的组件。例如，使用`import { Button } from 'element-ui'`来导入Button组件。 2. 确保已在Vue实例中正确注册了所需的组件。在Vue组件中，你可以通过`components`选项来注册组件。例如，在Vue中注册Button组件可以这样写：`components: { Button }`。 3. 如果你使用了递归组件（Recursive components），请确保在组件定义中提供了"name"选项。递归组件是指组件内部包含对自身的引用。在定义递归组件时，需要使用"name"选项指定组件的名称，以便Vue能够正确地解析它。例如：`name: 'MyRecursiveComponent'`。 如果你仍然遇到问题，请提供更多的代码和错误信息，以便我能够帮助你更好地解决问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值