解决[Vue warn]: Unknown custom element: ＜FirstVue＞ - did you register the component correctly?的一种情况

最新推荐文章于 2024-05-10 21:37:59 发布
原创 最新推荐文章于 2024-05-10 21:37:59 发布 · 4.3k 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍了在使用Vue.js时遇到的组件注册警告问题。由于IDE的自动补全功能，错误地将`components`写成了`comments`，导致Vue无法识别自定义组件。解决方案是检查并确保正确注册组件，特别是对于新手开发者，避免过度依赖智能补全。修复此问题后，可以顺利进行Vue应用的开发。

vue.esm.js?efeb:628 [Vue warn]: Unknown custom element: <???> - did you register the component correctly? For recursive components, make sure to provide the “name” option.

直接上异常信息
在这里插入图片描述

我觉得这可能是每一个新手学vue都会遇到的一个坑，今天先排除一个坑。

原因分析

我用的idea的编译器，其中提供了词的补全。本来这是一个很好的工具，但是如果你是新手，还是不建议你直接用补全，因为补全的单词不一定是你想要的单词
在这里插入图片描述
就像我这个，我需要的components，但是排在第一个的是comments
在这里插入图片描述

改完之后，即可成功避雷

正确解决Unknown custom element: ＜xxx＞ - did you register the component correctly?异常的有效解决方法
wbajsjhhhhh的博客
05-03 6909
正确解决Unknown custom element: - did you register the component correctly?异常的有效解决方法
vue项目运行时报Unknown custom element
weixin_44898437的博客
11-27 1792
vue项目运行报错 #当运行项目发现以下这种错误时： vue.esm.js?efeb:628 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option. found...
vue报错 Unknown custom element,未知的自定义元素
weixin_57246351的博客
09-10 9323
[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option. 未知的自定义元素： - 您是否正确注册了组件？ 对于递归组件，请确保提供“名称”选项。 错误路径 found in —> at src/views/employees/index.vue 如果你用一定组件,全
vue报错：Unknown custom element xxx - did you register the component correctly For recursive compon
m0_67401134的博客
03-06 3837
文章目录 一、报错信息 二、分析 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.报这种错误可以先检查一下代码规
报错[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
解决新手[Vue warn]: Unknown custom element: ＜FirstVue＞ -did you register the component correctly?的一种常见情况
G24gg的博客
04-24 494
如图所示，题目中的提示一个组件未被正确定义。但是经过查找，他的组件路径导入正确，然后也成功设置了组件。这里就不提vscode代码编辑器在自动生成代码（或者用godegex）的时候把。这里提示各位小伙伴们，很多AI生成代码的工具。他不一定是完全正确的，有很多代码有可能会有错误。现在这也是吸收其他代码得来的结果。所以咱们需要正确的去判断，不能一味的依赖工具。由于这两个单词长得很像新手一般不会注意。
Unknown custom element: ＜xxx＞ - did you register the component correctly?异常的解决方案
2301_79779756的博客
05-10 1万+
在Vue.js中，当我们在模板中尝试使用一个自定义组件时，Vue需要知道这个组件的定义。如果Vue找不到对应的组件定义，就会抛出一个错误：“Unknown custom element: ＜xxx＞ - did you register the component correctly?这个错误提示我们组件没有正确注册或者没有被Vue识别。
报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法
热门推荐
chelflan's blog
04-21 11万+
报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法
如何解决Vue组件注册错误：Unknown custom element: ＜XXX＞ - did you register the component correctly?
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
01-19 4732
我们将详细分析错误的原因，并提供一系列解决方案。通过阅读本文，无论您是Vue初学者还是经验丰富的开发者，都能有效地理解并解决这一问题。文章内容包括组件注册的基础知识、错误产生的原因、以及如何步步解决这一问题。本文关键词包括Vue.js、组件注册、编程错误解决等，以帮助您从百度等搜索引擎轻松找到这篇文章。Vue.js中的组件是独立和可重用的代码块，它们有自己的视图和逻辑。但是，要在Vue应用中使用它们，你必须先正确注册它们。关键点描述组件注册确保组件在使用前已正确注册导入路径。
Unknown custom element:＜xxx＞-did you register the component correctly解决方案
qq_71214810的博客
02-02 6766
我知道这个是Chrome 增加了新的事件捕获机制－Passive Event Listeners，这个以前在搞地图是也遇到过，卡死问题可能不仅仅与这个组件的定义有关，还可能涉及到其他组件、数据、路由或其他一些上下文。后面我找到了引入的组件，发现组件中有引入了四个组件，前面两个组件其实是一样的，调的组件内的同一个方法但是传入的参数不一样。循环调用组件时，组件比vue实例后创建，官方文档中是有提到了组件必须先于实例化引入的，所以引入搞成了懒加载，还是无用。这个问题由于没有时间研究，看了下我就就暂时放在这了。
vue.esm.js:628 [Vue warn]: Unknown custom element: ＜SlideBar＞ - did you register the component corre
Menqq的博客
03-02 1938
vue.esm.js:628 [Vue warn]: Unknown custom element: - did you register the component correctly 问题根源 注册组件时注册反了； 应先新建VUE实例再注册组件是，调转一下顺序即可解决
[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 // //注册组件 }, } }..
[Vue warn]: Unknown custom element：报错原因及解决方案
Misnice的博客
09-19 3万+
vue中报错: vue.common.dev.js:630 [Vue warn]: Unknown custom element: <video-pagination> - did you register the component correctly? For recursive components, make sure to provide the "name" option. 原因是标签的组件没有引入，在components中引入一下就可以 import VideoPag.
router-view遇到的小问题
weixin_42218558的博客
09-06 1081
Unknown custom element: - did you register the component correctly? For recursive 百度报错原因，发现没有在main.js上面原来是没有手动调用Vue.use(VueRouter)。以前习惯了在文件头部直接引入vue.js和vue-router.js，这种方式下，在vue-router内部会检测window.Vue对...
vue.esm.js?efeb:628 [Vue warn]: Invalid prop: type check failed for prop "data". Expected Array, got
weixin_45498990的博客
11-12 7837
数据类型错误解决方法 报错原因是：data是一个Array值可是他得到的却是String. 解决方法：data，前面加上 : ，变成 :data 要是还是解决不了可能是你动态绑定的值的类型有误 解决方法：EnterpriseTransactionInformationList:""，变成EnterpriseTransactionInformationList:[] ...
[Vue warn]: Unknown custom element did you register the component correctly? vue.js:597
edc_chan的博客
05-07 847
关于Vue插槽使用中遇到 Unknown custom element did you register the component correctly? vue.js:597的解决方案 运行后无显示 经过更改为小写命名后，问题解决了 在网上查阅了很多资料，但并未发现真正的原因（网上看到过关于驼峰命名原则导致html代码错误的帖子，但在这边的问题应该不是因为驼峰命名原则引起的，因为出错的原因在命名时的首字母为大写） ...
关于报错Unknown custom element:did you register the component correctly? For recursive components的解决方式
Vahtra_Superman的博客
09-17 4692
报错： [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 出現 Unknown custom element: ＜xxx-xx＞ - did you register the component 的可能性原因
weixin_37211894的博客
06-11 1631
身爲一個hou
前端报错vue.runtime.esm.js2b0e619 [Vue warn] Unknown custom element ＜github-corner＞ - did you regist
web18296061989的博客
03-06 661
这个报错和引入组件有关系，，网上其他说法也很多，大多时导入时括号使用等问题，， 我这里是因为我删除了之前使用的无用组件，而文中还参与了一部分针对这个引入组件的使用，而我使用的idea编辑器并不会提示，所以就没发现；这里把原先删掉的组件的使用部分进行删除就可以了 ...
【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.
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值