vue项目报错 [Vue warn]: Do not use built-in or reserved HTML elements as component id: a

已于 2023-04-28 16:35:26 修改
阅读量629 收藏
点赞数
文章标签： vue.js html javascript
于 2023-04-28 16:34:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48911985/article/details/130429091
版权

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

在网上搜索说原因是vue里面不允许用特殊的标签来做自定义的标签比如你不能用a来接收一个组件的注册然后在以自定义标签的方式引用会被限制

但是项目全局搜索name:"a"都没有搜到命名为a的组件

经过排查是因为项目使用vue-property-decorator编写的组件中@Component({})中没有设置name值

在本地运行项目时这种文件的name会赋值default_开头；打包后运行项目这种文件的name会赋值为a

定义组件是name别偷懒

weixin_48911985
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 报错 ：[Vue warn]: Do not use built-in or reserved HTML elements as comp
且听风吟的博客
11-26 5135
引入组件后出现了如下报错： 是因为组件的命名和html标签重复导致警告，如下： 解决方案是给 name 换个名字就可以啦，如下： 所以，创建组件的时候要注意组件命名与html标签区分开。 由于模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。 主要有三种情况： 一是完全不合法的标签名，例如 </> ； 二是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome 上正常但在 IE 上不正常
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
[Vue warn]: Do not use built-in or reserved HTML elements as component id: header
weixin_30270561的博客
02-12 1014
一、Vue在引入组件后无法显示组件内容且报错如下： 　　[Vue warn]: Do not use built-in or reserved HTML elements as component id: header 二、原因是vue里面不允许用特殊的单词给一个组件的注册然后在以自定义标签的方式引用会被限制，比如下图的header 三、解决方案 　　在component里面注册...
Do not use built-in or reserved HTML elements as component id: dialog
m0_60622481的博客
07-19 1403
Do not use built-in or reserved HTML elements as component id: dialog
bug：[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component
最新发布
qq_45796592的博客
04-17 272
[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component报错解决
[Vue warn]: Do not use built-in or reserved HTML elements as component id: aside
09-11 307
解决方式： 把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: details
wind_linjie的博客
03-18 3023
报错信息 不要使用内置或保留的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 conmponent id:main
xi_aot的博客
09-30 1416
vue报错：[vue warn]:Do not use built-in or reserved HTML elements as conmponent id:main
vue报错 ： [Vue warn]: Do not use built-in or reserved HTML elements as component id: xx
weixin_45738653的博客
07-01 690
在项目开发中，为了优化性能，需要给每一个组件一个 name 值，当我给某个组件写了 name 值为title 之后，控制台打印错误信息如下： 因为 html 标签已经有了 title 这一标签，所以报错。把写的 name 重新给个值就可以解决。 ...
解决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...
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: ...
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. BUG描述:该报错在项目上线一段时间后,有用户反映页面无法正常游览 (后面以问题1/问题2区分) 问题1.导航点击无法正常跳转,console...
Vue中遇到的一些小问题
qq122516902的博客
11-20 6127
记录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:
like_jack的博客
06-11 4046
是因为这里的name用了'title'导致的改成其他的名就可以了
vue使用遇到问题汇总
shooke笔记
05-29 7285
Do not use built-in or reserved HTML elements as component id: XXX这说明xxx是关键字，我使用Article时就遇到了这个问题，解决方法很简单，把自己的模块名字改一下，比如我的Article.vue改为HotArticle.vue就可以了
[Vue warn]: Do not use built-in or reserved HTML elements as component id:XXX 问题记录
wu_yans的博客
07-17 1070
今天新创建了一个vue项目进行学习，完了，刚刚需要写一个导航栏组件，就用ElementUI写了一个，打算注册到首页，结果呢，给我报错了： 仔细看了一下报错警告解释： 不要将内置或保留的HTML元素用作component id:menu 意思简单点呢，就是我们的命名不规范或者错误 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 1.是完全不合法的标签名，例如 </>； 2.是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件
引入vue组件控制台报错 [Vue warn]: Do not use built-in or reserved HTML elements as component id: view 解决方法
weixin_44860425的博客
06-21 2381
引入vue组件控制台报错 [Vue warn]: Do not use built-in or reserved HTML elements as component id: view 解决方法为啥会报错？如何解决？好心提醒 为啥会报错？如何解决？ 组件名不可以和H5标签名相同，可以给组件名view前面加个字母标识或者改成您能理解的命名~ 好心提醒 建议大家在创建组件的时候，比如遇到 header...
vue.esm.js:5105 [Vue warn]: Do not use built-in or reserved HTML elements as component id: data
06-08
好的，你的问题是关于Vue.js中的一个警告。这个警告意味着你在Vue组件中使用了一个已有的或保留的HTML元素作为组件的ID，这可能会导致一些问题。Vue.js不建议使用这些元素作为组件ID，因为它们具有特殊的用途，可能...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值