vue项目报错'Do not use built-in or reserved HTML elements as component id:'

最新推荐文章于 2021-11-26 18:27:40 发布
最新推荐文章于 2021-11-26 18:27:40 发布
阅读量1.5w 收藏 1
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Claire_cz/article/details/79108225
版权

开发vue项目时报错
这里写图片描述
这是因为组件的命名和html标签重复导致警告，所以创建组件的时候要注意组件命名与html标签区分开

有篇更详细的介绍，大家有兴趣可以看下：https://cnodejs.org/topic/5816aabdcf18d0333412d323

Claire_cz
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue项目中使用vue-i18n报错的解决方法
12-09
前言 Vue-i18n大家应该都不陌生，Vue-i18n安装的安装方法如下： npm install vue-i18n --save 然而最近在vue项目中使用vue-i18n的时候，居然报错了，通过查找相关的资料终于找到了解决的方法，下面话不多说了，来一起看看详细的介绍吧 发现问题 iview-admin框架克隆到本地，添加路由的时候，稍不注意就会遇到以下情况： Value of key ‘xxx’ is not string! Cannot translate the value of keypath ‘xxx’. Use the value of keypath as defa
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 引入子组件报错的问题
12-03
错误信息： Do not use built-in or reserved HTML elements as component id: header 源码： [removed] import header from "./components/header" import aside from "./components/aside" import footer from "./components/footer" export default { name: 'layout', components: { header: header, aside: aside, footer
vue中报错Do not use built-in or reserved HTML elements as component id details
08-08 1105
原因是定义了一个叫做details的comonent 跟现有的html网页中的标签重合 export default { name: 'details', data () { return { equityBalance: this.item.equityData, depositWithdraw: this.item.depositWithdraw, symbol: 3, //真实的出金记录 withdrawData: ...
[Vue warn]: Do not use built-in or reserved HTML elements as component id:XXX 问题记录
wu_yans的博客
07-17 987
今天新创建了一个vue项目进行学习，完了，刚刚需要写一个导航栏组件，就用ElementUI写了一个，打算注册到首页，结果呢，给我报错了： 仔细看了一下报错警告解释： 不要将内置或保留的HTML元素用作component id:menu 意思简单点呢，就是我们的命名不规范或者错误 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 1.是完全不合法的标签名，例如 </>； 2.是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件
[Vue warn]: Do not use built-in or reserved HTML elements as component id: details
wind_linjie的博客
03-18 2893
报错信息 不要使用内置或保留的HTML元素作为组件id:details 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 1、标签名需要是完全不合法的标签名，例如 </>； 2、是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome上正常但在 IE 上不正...
vue开发项目的坑-[Vue warn]: Do not use built-in or reserved HTML elements as component id: MenuItem...
dianzhong8959的博客
08-27 525
[Vue warn]: Do not use built-in or reserved HTML elements as component id: MenuItem [Vue warn]: Do not use built-in or reserved HTML elements as component id: Menu 对于这种警告，因为MenuItem和Men...
[Vue warn]: Do not use built-in or reserved HTML elements as component id: menu
前端-尔嵘
07-03 749
vue页面中一直这个错误警告，这是由于该页面的name命名不正确有关系，记住，name值不能按照以下命名，否则就会报错： name不能是"header"、"footer"、"menu" 修改代码页面： export default { name: 'menuErRong', data() { } } ...
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项目报错webpackJsonp is not defined问题
01-19
但是在项目经过本地测试没有任何问题，打包上线后却会报错 webpackJsonp is not defined。这是因为公共文件必须在自己引用的js文件之前引用。 可以手动改文件引用，但是推荐以下解决办法： 找到build→webpack.prod...
vue-slider-component：:thermometer:高度定制的滑块组件
02-06
$ yarn add vue-slider-component@next # npm install vue-slider-component@next --save 警告 更改data以v-data现在由于类型的冲突。 （可能是临时修改） :sparkles: 产品特点 :meat_on_bone: 更可定制 :dress: ...
Do not use built-in or reserved HTML elements as component id: head
信徒博客
05-09 1万+
vue项目在使用组件的时候报了如下错误 Do not use built-in or reserved HTML elements as component id: head 错误代码如下 错误原因 head是特殊关键字，在components里面不能被使用 解决方案 换一个其他的名字如hd就可以了 ...
vue 报错 ：[Vue warn]: Do not use built-in or reserved HTML elements as comp
且听风吟的博客
11-26 4482
引入组件后出现了如下报错： 是因为组件的命名和html标签重复导致警告，如下： 解决方案是给 name 换个名字就可以啦，如下： 所以，创建组件的时候要注意组件命名与html标签区分开。 由于模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。 主要有三种情况： 一是完全不合法的标签名，例如 </> ； 二是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome 上正常但在 IE 上不正常
使用Vue组件问题汇总
weixin_43254265的博客
10-17 574
vue.runtime.esm.js:588 [Vue warn]: Do not use built-in or reserved HTML elements as component id: button 不要使用内置的或保留的HTML元素作为组件ID。有一种情况是组件的name选项设置为HTML元素button。在使用递归组件时需要设置组件的name选项。 ...
解决：vue.esm.js?efeb:591 [Vue warn]: Do not use built-in or reserved HTML elements as component id: me
愿我如星君如月 ... 夜夜流光相皎洁 ...
12-12 5546
1. 报错如题： vue.esm.js?efeb:591 [Vue warn]: Do not use built-in or reserved HTML elements as component id: menu 2. 报错原因：我写了个 vue文件，命名为 “ menu.vue” , 报错原因是 我取的这个名字和 VUE 已有组件名字相冲突。感觉类似 java 的保留关键字，或者是数...
Vue中遇到的一些小问题
qq122516902的博客
11-20 6105
记录Vue中的一些问题记录Vue中的一些问题问题一 记录Vue中的一些问题 在学习和使用中难免会遇到一些问题，很多次，有些问题当时查资料解决了，下次又遇到的时候就忘了，所以这里对日常遇到的关于Vue.js相关的问题做一下记录，以备日后查阅。 问题一 问题描述：Do not use built-in or reserved HTML elements as component id: xxx 不要使...
[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）的内置属性名冲突了，所以创
神经网络与量子计算的交叉研究.pptx
最新发布
04-19
神经网络与量子计算的交叉研究.pptx
Do not use built-in or reserved HTML elements as component id: nav
05-31
这个警告是由 Vue 产生的，意思是您正在使用内置的或保留的 HTML 元素作为组件 ID。 HTML 中有一些元素被视为“保留元素”，因为它们具有特殊的用途，例如 `<nav>`、`<header>`、`<footer>`、`<main>` 等。在 Vue ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值