Unknown custom element: ＜component＞ - did you register the component correctly

最新推荐文章于 2025-06-06 01:41:41 发布
原创 最新推荐文章于 2025-06-06 01:41:41 发布 · 741 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

使用JSX创建动态组件时，就会出现这个错误：

Unknown custom element: <component> - did you register the component correctly

原因就是我们理所当然的认为在模板语法里动态组件是这样创建的：

<component :is='dev-chart'></component>

换成JSX语法就应该是：

<component is={'dev-chart'}></component>

然后就出现如上错误，hhhhh。

因此正确写法是使用createElement替代component is，这就是深入底层的代价。

在这里插入图片描述

引用出处：https://blog.youkuaiyun.com/kw269937519/article/details/114080530

正确解决Unknown custom element: ＜xxx＞ - did you register the component correctly?异常的有效解决方法
wbajsjhhhhh的博客
05-03 6796
正确解决Unknown custom element: - did you register the component correctly?异常的有效解决方法
[Vue warn]: Unknown custom element: ＜el-container＞ - did you register the component correctly?
梦凝哲雪
10-30 1032
ElementUI是一套基于VUE的桌面端组件库，ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。在ElementUI与Vue联合使用的时候，突然显示无法注册组件。必须先引入vue 然后再引入element 否则报错 无法展示。
报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法
热门推荐
chelflan's blog
04-21 11万+
报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法
报错Unknown custom element ＜xxx＞ - did you register the component correctly的原因及解决办法
m0_67402341的博客
03-10 1万+
报错信息 components代码 导致出错的可能的原因 把components写成了component import xxx from “./xxx.vue” 写成了import { xxx} from “./xxx.vue” 代码中有两个components，后一个的值把前一个覆盖了 解决方案 逐一对照上述3种可能导致出错原因，然后做对应修改即可解决问题 我是第3个原因，被坑到差点怀疑人生，看到这篇文章的小伙伴你是什么原因？ 欢迎补充 ...
报错[Vue warn]: Unknown custom element: - did you register the component correctly?
过于丰富，无法简介
08-21 4万+
报错信息 vue.runtime.esm.js:619 [Vue warn]: Unknown custom element: <FormError> - did you register the component correctly? For recursive components, make sure to provide the “name” option. 分析 出现这种问题的原因我目前只遇到一种，那就是vue的组件使用错误，具体原因包括以下几种： import语句导入组件时fr
解决：Unknown custom element: ＜＞ - did you register the component correctly? For recursive compon
ruiti的博客
07-11 10万+
出现Unknown custom element: ＜＞ - did you register the component correctly? For recursive compon 检查以下几处 第一种： 看components:{},单词是否拼错，和不要写成components(){} 第二种：本页面components 看写了几个， 是否是因为覆盖了。只能有一个components:{} 第三种，检查引入的组件 确定是否需要{} , import XXX from "...." 还是 imp.
【报错】Unknown custom element: ＜组件名＞ - did you register the component correctly?
qq_44883447的博客
07-10 1万+
组件名字是否写对了 import xxx from “./xxx.vue” 写成了import { xxx} from “./xxx.vue” 代码中有两个components，后一个的值把前一个覆盖了 组件直接循环套用了
vue.js: 5108 [Vue warn]: Unknown custom element: ＜xxx＞ - did you register the component correctly?
qq_52299344的博客
01-21 899
注册组件驼峰式命名、使用组件非驼峰式。
【解决】Unknown custom element: ＜el-card＞ - did you register the component correctly?
long_steve的博客
07-28 6199
代码】【解决】Unknowncustomelement-didyouregisterthecomponentcorrectly?
Unknown custom element: ＜el-radio＞ - did you register the component correctly?For recursive componen
smilelixiaojie的博客
09-29 2210
场景：在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】报错：Unknown custom element: ＜＞ - did you register the component correctly?...
qq_45677671的博客
08-02 3万+
报错信息及解决方法：[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
[Vue warn]: Unknown custom element: – did you register the component correctly? 详细查错思路
米糊的头发箱（码代码掉的头发都在这里了）
10-08 4万+
出现这个错误往往与组件的引入有关。具体可能的几种错误原因如下： 1. 在非脚手架环境下，组件注册使用了CamelCase的话，那么组件调用的时候就要用kebab-case代替。 2. 是否正确注册组件，使用如下方式注册组件： export default { data(){ return{ }, components/*注意components不能漏掉末尾的s！*/: { vTable // //注册组件 }, } }..
vue2：Unknown custom element: ＜＞ - did you register the component correctly?
最新发布
一些平时在开发过程中遇到的常见问题，分享给大家
06-06 1466
文章摘要：当出现"Unknown custom element"错误时，需重点检查：1)组件注册语法是否正确，确保使用components:{}对象形式而非函数；2)避免重复注册组件，所有组件应合并到单个components对象；3)正确导入组件文件，区分默认导出和命名导出；4)注意避免HTML元素ID与组件名冲突。常见错误包括：使用components(){}函数形式、重复定义components对象、ID命名冲突等。建议遵循单一组件注册原则并使用唯一ID命名。
vue 项目 Unknown custom element: ＜name-components＞ - did you register the component correctly?
hdbfvnjkrnfkcm的博客
03-15 489
2.检查是否出现 A组件引入了B组件，B组件又引入了A组件，这样也会导致找不到组件。1.检查组件引入地址和组件名称是否正确。我这里的情况就是第二种。
Unknown custom element did you register the component correctly
CaseyWei
04-09 1万+
1、错误描述 vue.esm.js?efeb:591 [Vue warn]: Unknown custom element: <el-container> - did you register the component correctly? For recursive components, make sure to provide the "name" option. fou...
Unknown custom element:＜xxx＞-did you register the component correctly解决方案
qq_71214810的博客
02-02 6664
我知道这个是Chrome 增加了新的事件捕获机制－Passive Event Listeners，这个以前在搞地图是也遇到过，卡死问题可能不仅仅与这个组件的定义有关，还可能涉及到其他组件、数据、路由或其他一些上下文。后面我找到了引入的组件，发现组件中有引入了四个组件，前面两个组件其实是一样的，调的组件内的同一个方法但是传入的参数不一样。循环调用组件时，组件比vue实例后创建，官方文档中是有提到了组件必须先于实例化引入的，所以引入搞成了懒加载，还是无用。这个问题由于没有时间研究，看了下我就就暂时放在这了。
vue报错：Unknown custom element xxx - did you register the component correctly For recursive compon
m0_67401134的博客
03-06 3811
文章目录 一、报错信息 二、分析 1.报这种错误可以先检查一下代码规范，模块引入是否加{} 一、报错信息 vue.runtime.esm.js2b0e:619 [Vue warn]: Unknown custom element: - did you register the component correctly For recursive components, make sure to provide the “name” option. 二、分析 1.报这种错误可以先检查一下代码规
uniapp 中 vant组件 Unknown custom element: <include> - did you register the component correctly
08-29
`<include>` 标签是uni-app的内置组件，用于引用其他页面片段。出现错误信息 "Unknown custom element: <include> - did you register the component correctly" 通常意味着`<include>`组件没有被正确注册。 在uni-app中使用`<include>`组件时，需要注意以下几点： 1. 确保你的项目是基于uni-app的框架，因为`<include>`是uni-app特有的组件，并不是标准的Web Components。 2. `<include>`标签应该用于引用`.vue`文件。在`.vue`文件中使用`<include>`时，需要指定`src`属性，路径必须是相对路径，并且必须指向当前页面的`.vue`文件。 例如： ```html <template> <view> <!-- 引入当前页面下的 fragment.vue 文件 --> <include src="fragment.vue"></include> </view> </template> <script> // 在页面的脚本部分，通常不需要特别的操作，除非使用了特殊的构建工具配置 </script> <style> /* 页面的样式 */ </style> ``` 3. 如果你是在HBuilderX中开发，确保没有语法错误，并且项目设置正确。在某些情况下，可能是IDE的缓存问题，可以尝试重启HBuilderX或者清除项目缓存。 4. 如果你的项目进行了构建配置，比如使用了Vue CLI插件uni-app，请确保你的`vue.config.js`配置文件中的配置项正确无误，例如`pages`配置正确，以确保正确编译和注册页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值