【dug】Do not use built-in or reserved HTML elements as component id: …

已于 2023-09-26 19:23:04 修改
阅读量171 收藏
点赞数
分类专栏： bug&工具 文章标签： 前端 vue.js
于 2023-09-26 19:19:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jieweiwujie/article/details/133321507
版权
本文讨论了在Vue项目中遇到的关于使用内置或保留的HTML元素作为组件ID时的报错，原因在于命名冲突。给出了两种解决方法：正确命名并修改代码，或者删除不必要的name属性。
摘要由CSDN通过智能技术生成

Do not use built-in or reserved HTML elements as component id: …

vue开发项目过程中，会出现类似于：Do not use built-in or reserved HTML elements as component id ······的报错，why?

这是因为页面的name命名有问题导致

解决办法：

  • 办法1： 如果我们采用正确命名，并对应修改上述代码，即可消除报错。
  • 办法2： 也可以直接删除name属性。

前端小云儿
关注
专栏目录
vue 报错 ：[Vue warn]: Do not use built-in or reserved HTML elements as comp
且听风吟的博客
11-26 5375
引入组件后出现了如下报错： 是因为组件的命名和html标签重复导致警告，如下： 解决方案是给 name 换个名字就可以啦，如下： 所以，创建组件的时候要注意组件命名与html标签区分开。 由于模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。 主要有三种情况： 一是完全不合法的标签名，例如 </> ； 二是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome 上正常但在 IE 上不正常
Dig Dug HD Wallpapers Game Theme-crx插件
04-05
在每个选项卡背景上都包括来自经典街机游戏Dig Dug的高清壁纸图像。 安装此扩展程序，以在每个新选项卡上获得街机游戏Dig Dug的高清图像！ 我们始终会更新图像，因此请随时检查...我们将为您提供5星评级！ 如果您有...
[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）的内置属性名冲突了，所以创
bug：[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component
最新发布
qq_45796592的博客
04-17 644
[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component报错解决
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标签区分开 方法一、 方法二、 ...
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? 报错截图示下： 是因为在本地项目对应的文件中，出现了不应该有的命名方式： 如下： 采用正确命名，修改上述代码，即可消除报错。...
dig-dug:批量批处理域挖掘到.CSV bash脚本
05-15
dig-dug.sh文件中有注释，但这是基本用法： 在“域”文件中输入任意多个域。 每行一个域。 运行./dig-dig.sh domains 。 这应该会自动输出一个名为output.csv的文件，您可以使用它执行所需的操作。 已知的错误？...
PyPI 官网下载 | dug-test-1.0.10.tar.gz
02-10
《PyPI官网下载：dug-test-1.0.10.tar.gz——探索Python库与分布式系统》 PyPI（Python Package Index），是Python社区最重要的软件仓库，它为Python开发者提供了一个集中发布和获取Python软件包的平台。在这个平台...
dug:一个提供漂亮输出的全球 DNS 传播检查器。 用dotnet核心编写
08-05
dug help run或dug run --help -> 获取有关特定动词的详细信息（运行，这是默认设置） dug help update或dug update --help -> 获取有关更新动词的详细信息 最简单的入门方法是对您要更新其 DNS 记录的域运行查询。...
vue中报错Do not use built-in or reserved HTML elements as component id details
08-08 1143
原因是定义了一个叫做details的comonent 跟现有的html网页中的标签重合 export default { name: 'details', data () { return { equityBalance: this.item.equityData, depositWithdraw: this.item.depositWithdraw, symbol: 3, //真实的出金记录 withdrawData: ...
Do not use built-in or reserved HTML elements as component id
wenbintian的博客
10-10 335
保存如下 先看一下翻译 解决： 其他提示已经很明显了，就是使用组件name的时候，不要将html一些便签的名称作为组件name 比如写法错误如下： 此处将button作为组件的name值，因为button这个单词在html是作为正常的便签的，所以改一下这个name值就不会报错了，可以直接改成大写开头的 "Button" ...
[Vue warn]: Do not use built-in or reserved HTML elements as component id: details
wind_linjie的博客
03-18 3088
报错信息 不要使用内置或保留的HTML元素作为组件id:details 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 1、标签名需要是完全不合法的标签名，例如 </>； 2、是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome上正常但在 IE 上不正...
Do not use built-in or reserved HTML elements as compo
qq_41654729的博客
05-29 470
VUE - vue.runtime.esm.js?6e6d:619 [Vue warn]: Do not use built-in or reserved HTML elements as component i <script> export default { name:'header' // 不要使用内置或保留的HTML元素 , 改为Header或者置或保留的HTML元素之外的名称就好了 } </script> ...
引入vue组件控制台报错 [Vue warn]: Do not use built-in or reserved HTML elements as component id: view 解决方法
weixin_44860425的博客
06-21 2423
引入vue组件控制台报错 [Vue warn]: Do not use built-in or reserved HTML elements as component id: view 解决方法为啥会报错？如何解决？好心提醒 为啥会报错？如何解决？ 组件名不可以和H5标签名相同，可以给组件名view前面加个字母标识或者改成您能理解的命名~ 好心提醒 建议大家在创建组件的时候，比如遇到 header...
vue报错：[vue warn]:Do not use built-in or reserved HTML elements as conmponent id:main
xi_aot的博客
09-30 1443
vue报错：[vue warn]:Do not use built-in or reserved HTML elements as conmponent id:main
如果出现Do not use built-in or reserved HTML elements as component id警告处理方式
Jovan的博客
08-07 3804
  这样的报错原因是因为在App.vue父组件里有&lt;component&gt;&lt;/component&gt;标签，有重名了。所以要把原来的标签名换掉，例:&lt;componentHello&gt;。这里尽量不要设置为component。 这样的报错还有一个点就是，在子组件里使用console.log(msg)。在控制台是接收不到父组件的参数的。控制台会显示：undefault...
vue报错：Do not use built-in or reserved HTML elements as component id: table
weixin_37746257的博客
04-08 2914
原因：组件，不能和html标签重复 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 　　　　一是完全不合法的标签名，例如 </>； 　　　　二是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome 上正常但在 IE 上不正常； 　　　　三是与 Vu...
Do not use built-in or reserved HTML elements as component id: table
weixin_40011543的博客
09-25 926
写Vue组件时候忽然报错，原来有以下几种： 组件，不能和html标签重复 如上的意思是table重名了 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 一是完全不合法的标签名，例如 </>； 二是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chr...
【前端笔记 】 Vue 报错: Do not use built-in or reserved HTML elements as component id: a
向着光芒的女孩
06-15 885
vue组件的命名不要与html的原生标签名字一样
node-red 调试窗口 dug信息自动清除？
07-08
对于 Node-RED 的调试窗口，dug（即 Debug Utility for Node-RED）是一个常用的调试工具。然而，dug 不会自动清除调试信息。默认情况下，Node-RED 的调试窗口会保留所有的调试信息，直到手动清除或重新启动 Node-RED...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端小云儿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值