Vue报错——did you register the component correctly? For recursive components

最新推荐文章于 2024-03-05 19:59:45 发布

原创最新推荐文章于 2024-03-05 19:59:45 发布 · 3.2w 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#VUE

本文详细解析了在Vue开发中遇到的组件注册错误，强调了在引用单个组件时不应使用{}

Vue组件注册报错问题

今天在调试vue Tab 页面切换时初始化页面会出现上述错误，找了好长时间没想到是组件注册时出现的问题，根据提示找到组件引用的地方。
在这里插入图片描述
排查出如果页面引用单个组件的时候不要加上{}中括号，引入多个组件时才能派上用场，中括号去除问题即可解决。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

kangIT

关注关注

6
点赞
踩
0

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

did you register the component correctly? For recursive components, make sure to provide the "name"

郭宝的博客

10-08

6223

错误提示：解决办法：找到serviceGuaranteeAgreementManagement文件夹下的applicationServiceGuaranteeAgreement文件下的index.vue文件，将template组件中的 functional 属性去除即可，如下错误代码： <template functional> <!--...

Ant Design Vue - 使用某些组件直接报错 “组件未注册” did you register the component correctly?

🏆 前端领域优质创作者

12-16

9494

前言 #SEO [Vue warn]: Unknown custom element: <a-xxxx> - did you register the component correctly? For recursive components, make sure to provide the “name” option.

3 条评论您还未登录，请先登录后发表或查看评论

did you register the component correctly? For recursive components, make sure to provide the “name“

xin_666的博客

11-28

1万+

</template>或<template><div></div>

vue踩坑之路did you register the component correctly? For recursive components

sunshine08_07的博客

10-26

2091

相同的组件在引用的时候取不同的名字，这时候就不要简写了。1、查找组件引用后是否在components中正确注册。2、递归组件同时又掉用了相同的组件。

解决报错did you register the component correctly? For recursive components, make sure to provide the “na

我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。

03-05

7606

vue.esm.js:5105 [Vue warn]: Unknown custom element: - did you register the component correctly?

vue Unknown custom element: ＜s-tabs＞ - did you register the component correctly?For recursive compon

草莓Sir的博客

03-25

1291

Unknown custom element: - did you register the component correctly? 问题描述 Unknown custom element: - did you register the component correctly?For recursive components, make sure to provide the “name” option；未知的自定义元素: -你是否正确注册了组件?对于递归组件，请确保提供“name”选项。在进

Unknown custom element: ＜el-radio＞ - did you register the component correctly?For recursive componen

smilelixiaojie的博客

09-29

2202

场景：在vue项目中用element-ui开发项目时出现这种情况，报错：[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option. 页面显示不出来，如下：原因：是因为我们没有注册组件导致的解决办法：在入口文件中注册即可，一般是main.js import {

Vue warnl: Unknown custom element:tedit-demo- did you register the component correctly? For recursive components, make sure to provide the "name"

热门推荐

ruiti的博客

07-11

10万+

出现Unknown custom element: ＜＞ - did you register the component correctly? For recursive compon 检查以下几处第一种：看components:{},单词是否拼错，和不要写成components(){} 第二种：本页面components 看写了几个，是否是因为覆盖了。只能有一个components:{} 第三种，检查引入的组件确定是否需要{} , import XXX from "...." 还是 imp.

组件引入报错： did you register the component correctly? For recursive components, make sure to provide the

Xiang_Gong_Ya_的博客

02-27

5075

问题：代码中如果只引入一个子组件，那么就不用大括号。

did you register the component correctly

WU2629409421perfect的博客

07-23

497

did you register the component correctly?

Vue引用子组件一直报错did you register the component correctly? For recursive components, make sure to provide

BIO_Shixxy

10-21

1669

这里写自定义目录标题Vue引用子组件一直报错报错报错代码原因 Vue引用子组件一直报错报错 did you register the component correctly? For recursive components, make sure to provide the “name” option. 你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。报错代码 import {

vue - did you register the component correctly? For recursive components

luxideyao的专栏

10-17

4468

vue.esm.js?efeb:628 [Vue warn]: Unknown custom element: <orgnization_info> - 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

Smile_666666的博客

12-07

4226

原来是因为我的组件大小写开头混了，我在template中写的是小写开头的batchnumSelect，但是注册的时候是注册成大写开头，所以导致报错解决：改成一致即可

Vue组件错误：＜xxx＞ - did you register the component correctly? For recursive components, make sure...

qq_51732393的博客

05-29

3252

在组件递归中（即直接在template里面嵌套子组件），不能使用局部注册组件，这样会导致父组件在template配置项中无法识别该子组件，改用全局方法Vue.component("xxx",xxx)来注册组件。

uniapp引入vant报错did you register the component correctly? For recursive components

11-27

在uniApp中引入Vant组件时，如果遇到"did you register the component correctly?" 和 "For recursive components" 的错误提示，这通常表示你在尝试使用某个组件时，该组件还没有在项目的全局注册表中正确声明或者递归组件注册有误。 1. **未正确注册**：确保你已经在`pages.json`文件中添加了Vant组件库，并且正确的路径指向了Vant的组件目录。例如，如果Vant的安装位置是`node_modules/vant/dist/components`，那么应该像下面这样注册： ```json { "components": [ " vant/button", " vant/icon", ... ] } ``` 2. **递归组件**：如果错误提到是递归组件的问题，可能是由于某个组件内部引用了自身，这种情况下需要确保每个递归组件都有明确的结束标记，并且不是无限循环引用。检查一下是否有类似这样的结构： ```vue <template> <my-component v-for="item in items">  <my-component>   </my-component> </my-component> </template> ``` 如果确实存在递归，确保有个适当的终止条件，比如一个最大深度限制。