控制台报错Do not use built-in or reserved HTML elements as component id:xxx

最新推荐文章于 2024-07-09 23:00:00 发布
最新推荐文章于 2024-07-09 23:00:00 发布
阅读量398 收藏
点赞数
分类专栏： 控制台报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45780380/article/details/120277107
版权

javascript vue.js

控制台报错Do not use built-in or reserved HTML elements as component id:xxx

在这里插入图片描述
是因为在本地项目对应文件的

诸如： name: header、 name: footer、 name: menu， 等等都属于错误的命名方式！
修改名字即可。

终不似、少年游
关注
专栏目录
【dug】Do not use built-in or reserved HTML elements as component id: …
jieweiwujie的博客
09-26 192
如果我们采用正确命名，并对应修改上述代码，即可消除报错。这是因为页面的name命名有问题导致。
vue3 - vue-i18n 解决报错 Uncaught SyntaxError: Not available in legacy mode，vue使用vue-i18n国际化多语言浏览器控制台报错
高级前端工程师
07-04 1762
vue3，nuxt3，vue-i18n，报错，多语言国际化，vue3 vue-i18n报错，Uncaught SyntaxError: Not available in legacy mode，还是报错，vue-i18n插件报错，legacy，把legacy设置成false还是报错，Vue3国际化vue-i18n简繁体及英文切换，this.$t报错，如何解决这个错误，实现国际化语言切换控制台报错，爆红，vite，webpack，无法打包，项目无法启动，VUE3使用vue-i18n插件进行国际化多语言时报错，
vue 报错 ：[Vue warn]: Do not use built-in or reserved HTML elements as comp
且听风吟的博客
11-26 5423
引入组件后出现了如下报错： 是因为组件的命名和html标签重复导致警告，如下： 解决方案是给 name 换个名字就可以啦，如下： 所以，创建组件的时候要注意组件命名与html标签区分开。 由于模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。 主要有三种情况： 一是完全不合法的标签名，例如 </> ； 二是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome 上正常但在 IE 上不正常
vue项目报错'Do not use built-in or reserved HTML elements as component id:'
Claire_cz的博客
01-19 1万+
开发vue项目时报错 这是因为组件的命名和html标签重复导致警告，所以创建组件的时候要注意组件命名与html标签区分开 有篇更详细的介绍，大家有兴趣可以看下：https://cnodejs.org/topic/5816aabdcf18d0333412d323
[Vue warn]: Do not use built-in or reserved HTML elements as component id: details
wind_linjie的博客
03-18 3100
报错信息 不要使用内置或保留的HTML元素作为组件id:details 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 1、标签名需要是完全不合法的标签名，例如 </>； 2、是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome上正常但在 IE 上不正...
vue中报错Do not use built-in or reserved HTML elements as component id details
08-08 1145
原因是定义了一个叫做details的comonent 跟现有的html网页中的标签重合 export default { name: 'details', data () { return { equityBalance: this.item.equityData, depositWithdraw: this.item.depositWithdraw, symbol: 3, //真实的出金记录 withdrawData: ...
Vue3 - 使用 Day.js 报错：xxx.isoWeek is not a function，使用 dayjs 的 isoWeek() 方法取周时，浏览器控制台报错（详细完美解决方案）
王佳斌
03-13 2954
vue3，dayjs，Day.js，isoWeek()，周，浏览器报错，dayjs/plugin/isoWeek，vue3 day.js报错Uncaught (in promise) TypeError: x.isoWeek is not a function，vue3如何解决该报错，vue3使用dayjs插件，使用isoWeek() 报错：isoWeek is not a function，day.js isoWeek is not a function，为什么会报错，day.js isoWeek 使用方
Vue - 解决 Property or method “__v_isRef“ is not defined on the instance but referenced（浏览器控制台报错，代码没错）
王佳斌
11-29 3685
vue，vue2控制台报错，vue报错Property or method "__v_isRef" is not defined on the instance but referenced，vue代码没问题，但是报错Property or method "__v_isRef" is not defined on the instance but referenced，vue2如何解决报错，vue怎么解决报错问题，vue2 Property or method "__v_isRef" is not defi
vue3 - element-plus报错TypeError:t.upload.addEventListener is not a function，vue+element组件库控制台报错详细解决教程
高级前端工程师
07-09 2348
vue3，nuxt3，element-Plus，upload，上传组件，上传文件报错，本地开发没问题，部署打包上线就会报错，这个问题如何解决，还是一直报错，el-upload上传报错，vue3项目使用element上传组件 打包后报错t.upload.addEventListener is not a function的解决方案，VUE3上传功能本地上传正常，打包上传后报错，打包后报错t.upload.addEv，vue3项目使用elementui-plus上传组件 打包后报错t.upload.addEve
uniapp - 使用echarts报错: [Vue warn]: Error in data(): “ReferenceError: echarts is not defined“ 详细解决方法
高级前端工程师
02-01 2490
uniapp，echarts，图表库，ecarts图表报错，解决报错，如何解决控制台终端报错echarts不存在，uniapp小程序，uniappH5平台，uniapp安卓苹果ios系统开发，解决[Vue warn]: Error in data(): “ReferenceError: echarts is not defined“，uni-app的Vue项目中Echarts的报错提示，uniapp出现报错怎么解决。uniapp - 使用echarts报错: [Vue warn]: Error in dat
bug：[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component
qq_45796592的博客
04-17 755
[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component报错解决
Do not use built-in or reserved HTML elements as component id等等vue warn问题
草巾冒小子的博客
05-21 2万+
vue开发项目过程中，会出现类似于：Do not use built-in or reserved HTML elements as component id ······的报错，why? 报错截图示下： 是因为在本地项目对应的文件中，出现了不应该有的命名方式： 如下： 采用正确命名，修改上述代码，即可消除报错。...
vue报错：Do not use built-in or reserved HTML elements as component id: table
weixin_37746257的博客
04-08 2935
原因：组件，不能和html标签重复 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 　　　　一是完全不合法的标签名，例如 </>； 　　　　二是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome 上正常但在 IE 上不正常； 　　　　三是与 Vu...
[Vue warn]: Do not use built-in or reserved HTML elements as component id: aside
09-11 328
解决方式： 把name名称命名改掉 把name名称删除或注释掉即可
Vue报错'Do not use built-in or reserved HTML elements as component id:解决方法
热门推荐
S筱潇S四维Smile
02-25 7万+
vue 在引入组件后无法显示组件内容且报错如下 ： Do not use built-in or reserved HTML elements as component id 这是因为组件的命名和html标签重复导致警告，如下图所示： 解决方法：创建组件的时候要注意组件命名与html标签区分开 方法一、 方法二、 ...
[Vue warn]: Do not use built-in or reserved HTML elements as component id:
dexing07的博客
11-05 1万+
vue.runtime.esm.js:472 [Vue warn]: Do not use built-in or reserved HTML elements as component id: main在引用vuejs 组件的时候出现了这错误，这个句话翻译下来就是： 不能使用内置或者保留的HTML或者组件作为组件id意思就是你使用的组件名的名称跟系统（vue）的内置属性名冲突了，所以创
vue子组件报错 Do not use built-in or reserved HTML elements as component id: input
jo_an_na的博客
07-20 1016
[Vue warn]: Do not use built-in or reserved HTML elements as component id: input 把name： ‘input’，改为 name： ‘inputBox’; 就可以了
Do not use built-in or reserved HTML elements as component id: table
weixin_40011543的博客
09-25 928
写Vue组件时候忽然报错，原来有以下几种： 组件，不能和html标签重复 如上的意思是table重名了 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 一是完全不合法的标签名，例如 </>； 二是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chr...
do not use built-in or reserrved html elements as component id:table
qq_57226103的博客
08-22 256
原因 组件命名(name)和原生html标签相同
use-client.service.ts:97 Uncaught (in promise) Error: 没找到必要的授权信息 控制台报错
最新发布
10-13
在Angular应用中遇到 "use-client.service.ts:97 Uncaught (in promise) Error: 没有找到必要的授权信息" 的错误通常是由于客户端代码试图访问需要经过身份验证的服务或API，但是传递给它的认证信息缺失或者无效。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值