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

最新推荐文章于 2023-05-29 07:08:20 发布
最新推荐文章于 2023-05-29 07:08:20 发布
阅读量2.3k 收藏 1
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44320732/article/details/123921956
版权

错误截图

在这里插入图片描述
使用组件时报这样的错误，可能是将components，写成了component，或者，手速快输入了一个c，就按下了enter…变成了comments。
在这里插入图片描述

鲜虾鱼板面11
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
报错Unknown custom element: ＜di＞ - did you register the component correctly? For recursive components,
qq_41180882的博客
01-09 9188
Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.等几种类似错误
vue component组件使用方法详解
08-29
Vue Component 组件使用方法详解 Vue Component 是 Vue.js 中最强大的功能之一，允许开发者扩展 HTML 元素，封装可重用的代码。本文将详细介绍 Vue Component 的使用方法，包括全局注册、局部注册、模板解析、数据...
Vue组件错误：＜xxx＞ - did you register the component correctly? For recursive components, make sure...
qq_51732393的博客
05-29 2748
在组件递归中（即直接在template里面嵌套子组件），不能使用局部注册组件，这样会导致父组件在template配置项中无法识别该子组件，改用全局方法Vue.component("xxx",xxx)来注册组件。
did you register the component correctly? For recursive components, make sure to provide the
weixin_46124693的博客
04-27 1336
1.拼写错误 // 看看名称或者是路径有没有问题 components{ //组件 } 2.组件循环调用，也会报错 components: { DrawerPage :()=>import("@/views/components/drawerPage/index.vue") },
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 “name“
缘晴空的博客
05-06 5万+
did you register the component correctly? For recursive components, make sure to provide the "name" option常见问题及解决方案
ltsa.rar_K-manifold_Local Tangent Space_The First_ltsa_manifold
09-19
LTSA[19] is based on the intuition that when a manifold is correctly unfolded, all of the tangent hyperplanes to the manifold will become aligned. It begins by computing the k-nearest neighbors of ...
a project model for the FreeBSD Project.7z
08-21
Ports is the collection of meta-data that is needed to make software packages build correctly on FreeBSD. An example of a port is the port for the web-browser Mozilla. It contains information about ...
heartbeat data to server-preethi.rar_Windows编程_correctly1wf_hear
07-14
标题中的“heartbeat data to server-preethi.rar_Windows编程_correctly1wf_hear”暗示了这是一个与Windows编程相关的项目，具体涉及的是心跳数据传输到服务器的实现。"correctly1wf"可能是项目的一个标识符或者...
Graphics and Multimedia for the Web with Adobe Creative Cloud
02-19
If you plan your route and goals correctly, along the way you will see how each software has its own use, but ultimately, how they can all work together for a common goal. This book also shows you ...
Vue报错------did you register the component correctly? For recursive components, make sure to provide
WaiteZQ的博客
09-28 5964
Vue报错------did you register the component correctly? For recursive components, make sure to provide
did you register the component correctly? For recursive components, make sur
AOOOOO李
09-15 6240
检查 是否在 components 中 进行注册 import 引入后 要在 components中进行注册
did you register the component correctly? For recursive components, make sure to provide the name op
最新发布
06-21
在React中，如果你在注册组件时遇到问题，特别是对于递归组件（recursive component），可能是因为没有正确地提供`name`属性或`forwardRef`处理。这里是一些关键点： 1. **命名递归组件**：当你定义一个递归组件时，需要为每个层级的组件分配一个唯一的名称，以防名称冲突。例如，使用`React.memo`或`React.forwardRef`时，确保像这样使用： ```jsx const RecursiveComponent = React.forwardRef((props, ref) => { const name = useRef(props.name || 'defaultName'); // 假设props包含name属性 if (props.children && props.children.type === RecursiveComponent) { return <RecursiveComponent name={name.current + 1} ref={ref} {...props} />; } return ( <div ref={ref}> {name.current} {props.children} </div> ); }); // 注册组件时传递名称 const registeredComponent = React.memo(RecursiveComponent)({ name: 'base' }); ``` 2. **`forwardRef`的使用**：确保你在`forwardRef`中提供了正确的引用，以便在组件树中追踪实例。记得传入`ref`到子组件： ```jsx const RecursiveComponent = React.forwardRef(({ children, ...props }, ref) => { // ... return <RecursiveComponent ref={ref} {...props} />; }); ``` 3. **检查类型和条件**：递归组件应该有一个明确的结束条件，防止无限递归。确保你在组件内部有适当的终止条件，并且正确处理了`null`或`undefined`的children。 如果以上步骤都已完成，但仍然报错，相关问题可能包括：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值