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

最新推荐文章于 2024-03-05 19:59:45 发布
最新推荐文章于 2024-03-05 19:59:45 发布
阅读量7.7k 收藏
点赞数 1
分类专栏： 日常笔记 报错处理 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Shengzhiying/article/details/116699249
版权

1。vue项目使用抽屉组件时候报错did you register the component correctly? For recursive components, make sure to provide the “name”

在这里插入图片描述
百度进行搜索，发现很多博主的答案都不一样，根据每一个进行排查，发现自己都不存在该问题，于是找了半天，发现是自己的import语句加了{}，下面总结一下几位博主和自己的错误原因：
1.1：在main.js中没有对组件进行正确的引用及注册：
在这里插入图片描述
1.2 在引入的时候，components单词拼错：
在这里插入图片描述
1.3在引入的时候import {。。},加多大括号（我犯错的地方）
在这里插入图片描述

200.YING
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue component组件使用方法详解
08-29
Vue Component 组件使用方法详解 Vue Component 是 Vue.js 中最强大的功能之一，允许开发者扩展 HTML 元素，封装可重用的代码。本文将详细介绍 Vue Component 的使用方法，包括全局注册、局部注册、模板解析、数据...
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 ...
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
luxideyao的专栏
10-17 4380
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. 根据...
did you register the component correctly? For recursive components, make sure to provide the
weixin_46124693的博客
04-27 1310
1.拼写错误 // 看看名称或者是路径有没有问题 components{ //组件 } 2.组件循环调用，也会报错 components: { DrawerPage :()=>import("@/views/components/drawerPage/index.vue") },
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 ...
heartbeat data to server-preethi.rar_Windows编程_correctly1wf_hear
07-14
标题中的“heartbeat data to server-preethi.rar_Windows编程_correctly1wf_hear”暗示了这是一个与Windows编程相关的项目，具体涉及的是心跳数据传输到服务器的实现。"correctly1wf"可能是项目的一个标识符或者...
Kindergarten screens as tools for the early identification of children at risk for remediation or grade retention
06-29
Kindergarten screens as tools for the early identification of children at risk for remediation or grade retention Prychology in rhe Schools Voluine 32. October 1995 KINDERGARTEN SCREENS AS TOOLS ...
解决报错did you register the component correctly? For recursive components, make sure to provide the “na
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
03-05 3923
vue.esm.js:5105 [Vue warn]: Unknown custom element: - did you register the component correctly?
Unknown custom element: ＜CommentDel＞ - did you register the component correctly? For recursive comp
liguangda的博客
11-19 678
Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.报错解决 翻译：未知的自定义元素：-是否正确注册了组件？对于递归组件，请确保提供“name”选项。也就是组件没有注册成功，要检查配置对象中的components是否书写错误 export default { name: "CommentLi
2021-02-22
weixin_41575698的博客
02-22 1428
vue启动项目报错，[Vue warn]: Unknown custom element: <svg-icon> - did you register the component correctly? For recursive components, make sure to provide the "name" option. 报错原因： 忘记注册element组件了 解决方案： 在vue项目工程下的main.js文件中添加一下代码即可解决 import ElementUI
Unknown custom element: ＜el-empty＞ - did you register the component correctly? For recursive compone
Layman的博客
05-13 1826
未知自定义元素：＜el-empty＞您是否正确注册了组件？
vue启动时报错——did you register the component correctly? For recursive components
Smile_666666的博客
12-07 3972
原来是因为我的组件大小写开头混了，我在template中写的是小写开头的batchnumSelect，但是注册的时候是注册成大写开头，所以导致报错 解决：改成一致即可
Unknown custom element: ＜el-container＞ - did you register the component correctly? For recursive co
William_TWG的博客
05-04 3394
错误描述 vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <el-container> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Home> at src/components/Home.v
关于报错Unknown custom element:did you register the component correctly? For recursive components的解决方式
Vahtra_Superman的博客
09-17 4440
报错： [Vue warn]: Unknown custom element: <d01-person-thing> - did you register the component correctly? For recursive components, make sure to provide the "name" option. 解决： 组件循环引用（两个组件同时引用另一个组件时）发生这个错误，在components中通过以下方式引用可以解决 components:
Vue: did you register the component correctly?
F i n g e r T i p s的博客
11-11 961
踩坑记录：在开发vue项目时，浏览器开发者工具提示如下，给我白白整了半个小时。 [Vue warn]: Unknown custom element: <Pagination> - did you register the component correctly? For recursive components, make sure to provide the "name" option. 原因：自定义组件应放在components选项下，我写成了component，少了一个s。
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。 如果以上步骤都已完成，但仍然报错，相关问题可能包括：

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值