[Vue warn]: Do not use built-in or reserved HTML elements as component id:

最新推荐文章于 2024-04-17 13:54:41 发布

原创最新推荐文章于 2024-04-17 13:54:41 发布 · 1.3w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue-js

vuejs 专栏收录该内容

7 篇文章

订阅专栏

本文解释了一个常见的Vue.js错误：不要使用内置或保留的HTML元素作为组件ID。此错误发生时意味着组件名称与Vue的内置属性冲突，解决方法通常是更改组件的名称。

vue.runtime.esm.js:472 [Vue warn]: Do not use built-in or reserved HTML elements as component id: main

在引用vuejs 组件的时候出现了这错误，

这个句话翻译下来就是：
不能使用内置或者保留的HTML或者组件作为组件id

意思就是你使用的组件名的名称跟系统（vue）的内置属性名冲突了，所以创建失败，最好的方法就是换个名字。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

阿冰介

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

解决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

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

Genius_cxx

11-04

4564

解决：组件名不能和html标签重复，main 和html部分ID名重复！修改其一即可

参与评论您还未登录，请先登录后发表或查看评论

bug：[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component

qq_45796592的博客

04-17

1314

[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component报错解决

uniapp [Vue warn]: Do not use built-in or reserved HTML elements as component id: uni-picker

最新发布

08-07

在 UniApp 开发中，使用 `uni-picker` 组件时可能会遇到 Vue 警告提示：“Do not use built-in or reserved HTML elements as component id”，这通常是因为组件的注册名称与 HTML 的内置或保留标签名冲突所致。...

permission.js:46 [Vue warn]: Do not use built-in or reserved HTML elements as component id: dialog

03-14

要解决Vue警告“Do not use built-in or reserved HTML elements as component id”，需遵循以下步骤： ### 原因分析 Vue禁止使用与HTML标签同名的组件名称（如`<input>`、`<select>`），因为这会与原生HTML元素...

vue.esm.js:5105 [Vue warn]: Do not use built-in or reserved HTML elements as component id: data

06-08

好的，你的问题是关于Vue.js中的一个警告。...如果你需要给组件一个唯一的ID，可以使用自定义前缀来避免和HTML元素冲突，比如"my-component-1"。这样可以保证你的组件ID唯一且不会和HTML元素冲突。

Vue warn]: Do not use built-in or reserved HTML elements as component id: footer (found in <Root>)

05-13

这个警告是因为在 Vue 组件中使用了内置或保留的 HTML 元素作为组件 ID，例如 `footer`。这可能会导致一些潜在的问题，例如 Vue 可能会与浏览器的内置元素产生混淆。为了解决这个问题，你可以将组件 ID 更改为其他...

vue.runtime.esm.js:4605 [Vue warn]: Do not use built-in or reserved HTML elements as component id: video

05-10

这个警告是因为你在Vue中使用了一个名为“video”的组件，但是“video”是一个内置的HTML元素，应该避免使用这样的名称。为了解决这个问题，你可以将组件的名称更改为避免与HTML元素冲突，例如“my-video”或“video...

vue 报错：[Vue warn]: Do not use built-in or reserved HTML elements as comp

且听风吟的博客

11-26

5658

引入组件后出现了如下报错：是因为组件的命名和html标签重复导致警告，如下：解决方案是给 name 换个名字就可以啦，如下：所以，创建组件的时候要注意组件命名与html标签区分开。由于模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况：一是完全不合法的标签名，例如 </> ；二是与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome 上正常但在 IE 上不正常

[Vue warn]: Do not use built-in or reserved HTML elements as component id: details

wind_linjie的博客

03-18

3259

报错信息不要使用内置或保留的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

1556

vue报错：[vue warn]:Do not use built-in or reserved HTML elements as conmponent id:main

vue name命名错误 Do not use built-in or reserved HTML elements as component

god_sword_的博客

08-05

3669

在项目中我使用的是header 作为组件名称，但是在前端html中这个是内置组件来的，名称已被占用不能再使用这些名称了。这里指的是components的名称命名不正确。若引用改了还是报错啦，可以查看下vue页面的。把命名修改一下，避免名称冲突就好了。是不是也名称冲突了。

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 warn]: Do not use built-in or reserved HTML elements as component id: aside

09-11

376

解决方式：把name名称命名改掉把name名称删除或注释掉即可

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

weixin_48911985的博客

04-28

846

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

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

weixin_45280871的博客

04-27

901

报错信息：Do not use built-in or reserved HTML elements as component id:address 这是我最开始报错时引入组件的代码 <script> import address from "./components/address"; export default { components: { address } ...