vue报错：Unknown custom element: ＜xxx＞ - did you register the component correctly?

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

#vue.js #typescript #前端

博客作者分享了在使用Vue.js开发过程中遇到的一个常见错误——Unknown custom element。错误提示表明组件未正确注册。作者发现错误原因是由于components拼写错误导致，提醒开发者在排查此类问题时应注意基本语法细节。

vue报错：Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.

我遇到这个错误的原因通常都是因为

components

拼写错误，真的无语，我还以为是代码问题。

正确解决Unknown custom element: ＜xxx＞ - did you register the component correctly?异常的有效解决方法
wbajsjhhhhh的博客
05-03 6786
正确解决Unknown custom element: - did you register the component correctly?异常的有效解决方法
前端开发：Vue项目报错Unknown custom element：XXX - did you register the component correctly…的解决方法丨蓄力计划
全沾软贱开发攻城狮
05-11 1万+
导读 Vue项目报错Unknown custom element:XXX - did you register the component correctly…的解决方法。 问题 前段时间在做前端项目的时候，遇到了一个关于饿了么框架的报错问题，具体报错信息如下所示： [Vue warn]: Unknown custom element: <table-page> - did you register the component correctly? For recursive c.
解决：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.
[Vue warn]: Unknown custom element: ＜helptext＞ - did you register the component correctly? For recu
longe20111104的博客
11-18 849
报错信息： vue.js:634 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option. (found in ) 解决： 把helptext 换成span
[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: ＜rules-set＞ - did you register the component correctly? For recu
agua001的博客
11-17 759
1、使用父子组件时，报错 2、子组件未引入 import rulesSet from "./components/rulesSet.vue" components: { rulesSet }, 生活不是为了赶路，而是为了感受路！
[Vue warn]: Unknown custom element: ＜el-dialog＞ - did you register the component correctly? For recu
m0_74830537的博客
12-15 2911
Vue报错：[Vue warn]: Unknown custom element: - did you register the component correctly?我在黑窗口中输入了 npm i element-ui -S命令之后，就开始创建Vue component，添加路由了。运行后浏览器不显示Element-UI的标签。这是没有在main.js中导入element-ui，使用element -ui 导致的。在main.js中粘贴以下代码即可。
vue.js: 5108 [Vue warn]: Unknown custom element: ＜xxx＞ - did you register the component correctly?
qq_52299344的博客
01-21 898
注册组件驼峰式命名、使用组件非驼峰式。
vue报错：Unknown custom element xxx - did you register the component correctly For recursive compon
iijik55的博客
03-09 2278
文章目录 一、报错信息 二、分析 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.报这种错误可以先检查一下代码规
Unknown custom element: [xxx] - did you register the component correctly...
小志的博客
03-17 772
一、解决方式 1、查看是否在页面上注册该组件 export default { data(){ return{ }, components: { FullCalendar// //注册组件 }, } } 2、查看是否在页面上引入正确写好的组件 <script> import FullCalendar from '@fullcalendar/v
解决：Unknown custom element: did you register the component correctly? For recursive components...问题
qq_53376718的博客
09-14 1394
Unknown custom element: did you register the component correctly? For recursive components, make sure to provide the "name" option.
解决：Unknown custom element: ＜myData＞ - did you register the component correctly? For recursive compon
愿我如星君如月 ... 夜夜流光相皎洁 ...
01-03 7万+
1. 引用一个组件报错： Unknown custom element: &lt;myData&gt; - did you register the component correctly? For recursive components, make sure to provide the "name" option. 2. 原因是注册方式写重了： 3. 更正写法后，这个报错消失。...
Unknown custom element: ＜One＞ - did you register the component correctly? For recursive components
weixin_59237016的博客
05-18 1467
未知的自定义元素：<一个>-是否正确注册了组件？对于递归组件，请确保提供“name”选项。 原因与解决： 出现Unknown custom element: ＜＞ - did you register the component correctly? For recursive compon 检查以下几处 第一种： 看 components:{},单词是否拼错，和不要写成components(){} 第二种：本页面components 看写了几个， 是否是因为覆盖了。只能有一个com.
[Vue warn]: Unknown custom element: ＜viewer＞ - did you register the component correctly? For recursi
YHLSunshine的博客
09-13 1078
[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: ＜ag＞ - did you register the component correctly? For recursive
qq_43544490的博客
12-17 679
[Vue warn]: Unknown custom element: <ag> - did you register the component correctly? For recursive components, make sure to provide the "name" option. 这种错误，不是什么组件注册的问题，只是出现了错误标签ag(原本为a标签) ctrl+F全局搜索修改好就不报错了 ...
Unknown custom element: ＜XXX＞ - did you register the component correctly? For recursive componen
Locker的博客
06-13 1898
报错信息： Unknown custom element: <addsync> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
Unknown custom element: did you register the component correctly? For recursive compo
songJunFeng1的博客
03-08 496
Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option. 这个报错 的解决方案，多半是注册组件的放在了最后如图： 吧组件提到上面即可： 问题可能就出在这里，还有就是注册全剧组件的时候是否加了“s” ...
报错[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 components的解决方式
Vahtra_Superman的博客
09-17 4665
报错： [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:
Unknown custom element: <tamplate> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
最新发布
11-17
出现 'Unknown custom element: <tamplate> - did you register the component correctly? For recursive components, make sure to provide the "name" option.' 错误，通常是因为 Vue 没有正确识别或注册 `<tamplate>` 组件。以下是可能的解决方法： ### 1. 检查拼写错误 可能是拼写错误，正确的应该是 `<template>` 而不是 `<tamplate>`。在 Vue 中，`<template>` 是一个常用的占位符标签，用于包裹多个元素。 ```vue <template> <div> <!-- 组件内容 --> </div> </template> ``` ### 2. 确保组件正确注册 如果 `<template>` 是自定义组件，需要确保在使用前已经正确注册。可以在全局或局部进行注册。 #### 全局注册 在 `main.js` 中进行全局注册： ```javascript import Vue from 'vue'; import CustomTemplate from './components/CustomTemplate.vue'; Vue.component('custom-template', CustomTemplate); new Vue({ // ... }).$mount('#app'); ``` #### 局部注册 在组件中进行局部注册： ```vue <template> <div> <custom-template></custom-template> </div> </template> <script> import CustomTemplate from './components/CustomTemplate.vue'; export default { components: { 'custom-template': CustomTemplate } } </script> ``` ### 3. 递归组件需提供 “name” 选项 如果组件是递归组件，需要在组件选项中提供 `name` 选项： ```vue <template> <div> <!-- 递归调用自身 --> <my-recursive-component v-if="condition"></my-recursive-component> </div> </template> <script> export default { name: 'my-recursive-component', data() { return { condition: true }; } } </script> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值