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

最新推荐文章于 2024-04-17 13:54:41 发布
原创 最新推荐文章于 2024-04-17 13:54:41 发布 · 399 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #html #前端

文章讨论了在Vue中使用自定义组件时遇到的警告，指出不应使用内置HTML元素如header作为组件ID。解决方案是将组件名称改为my-header以避免命名冲突。

问题描述

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

问题分析

写了一个自定义组件name为header，与HTML内置header命名冲突了。

解决方案

修改自定义组件名为my-header解决。

uniapp - 使用echarts报错: [Vue warn]: Error in data(): “ReferenceError: echarts is not defined“ 详细解决方法
高级前端工程师
02-01 3112
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
Vue3 - vite 项目报错：Uncaught ReferenceError: require is not defined（解决 vue3 vite 项目无法识别 require 语法导致报错）
🏆 前端领域优质创作者
12-16 2万+
vue3，vite，报错解决，vue3+vite报错requireisnotdefined，vue3vite引插件不识别require，老插件必须用require怎么办，vite项目插件要求使用require引入但报错，vue3不兼容require导致第三方包插件无法使用，vue3vite中使用require报错怎么办，解决Vite+vue3使用第三方依赖报错“requireisnotdefined”问题，vite项目require语法兼容问题解决requireisnotdefine
Do not use built-in or reserved HTML elements as component id: header
rj2017211811的博客
02-09 1540
错误:定义了一个header组件但是无法被其他组件引用 原因:因为header为h5的标签，vue中规定：组件的名称不能和h5的标签名称相同 关于vue的书写规范参考vue官网:https://cn.vuejs.org/v2/style-guide/ ...
vue报错 Do not use built-in or reserved HTML elements as component id:header
dongjiong0213的博客
06-23 392
组件，不能和html标签重复 header组件，h5新标签重复 Do not use built-in or reserved HTML elements as component id:header 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 　　　　一是完全不合法的标签名，例如 </>； 　　　　二...
解决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 warn：Do not use built-in or reserved HTML elements as component id: header
weixin_46743083的博客
08-01 1万+
[Vue warn]: Do not use built-in or reserved HTML elements as component id: header，在vue项目中注意名称的命名，避免出现关键字冲突。
【vue】Do not use built-in or reserved HTML elements as component id: header 报错提示
WANGHUAN-
03-27 1365
错误提示：不要使用内置或保留的HTML元素作为组件ID header 使用其他名称，重命名组件。 之前是这样 换一个非HTML元素即可
vue报错：Unknown custom element xxx - did you register the component correctly For recursive compon
iijik55的博客
03-09 2278
文章目录 一、报错信息 二、分析 1.报这种错误可以先检查一下代码规范，模块引入是否加{} 一、报错信息 vue.runtime.esm.js2b0e:619 [Vue warn]: Unknown custom element: - did you register the component correctly For recursive components, make sure to provide the “name” option. 二、分析 1.报这种错误可以先检查一下代码规
Vue报错：Error in render: "TypeError: object null is not iterable
jolieLi2019888的博客
11-15 2579
Vue运行报错： Errorinrender:"TypeError:objectnullisnotiterable\color{red}{Error in render: "TypeError: object null is not iterable}Errorinrender:"TypeError:objectnullisnotiterable 报错原因： 使用了localStorage中值为空...
[Vue warn]: Do not use built-in or reserved HTML elements as component id: header,解决办法
半夏_2021的博客
04-21 1029
[Vue warn]: Do not use built-in or reserved HTML elements as component id: header
[Vue warn]: Do not use built-in or reserved HTML elements as component id: header
weixin_30270561的博客
02-12 1126
一、Vue在引入组件后无法显示组件内容且报错如下： 　　[Vue warn]: Do not use built-in or reserved HTML elements as component id: header 二、原因是vue里面不允许用特殊的单词给一个组件的注册然后在以自定义标签的方式引用会被限制，比如下图的header 三、解决方案 　　在component里面注册...
bug：[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component
最新发布
qq_45796592的博客
04-17 1329
[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component报错解决
vue引入组件无法显示且报错[Vue warn]: Do not use built-in or reserved HTML elements as component id: header
热门推荐
涂涂
12-19 3万+
一、Vue在引入组件后无法显示组件内容且报错如下： [Vue warn]: Do not use built-in or reserved HTML elements as component id: header 二、原因是vue里面不允许用特殊的标签来做自定义的标签比如你不能用a来接收一个组件的注册然后在以自定义标签的方式引用会被限制 三、解决方案 在component里面注册组件的时
vue name命名错误 Do not use built-in or reserved HTML elements as component
god_sword_的博客
08-05 3681
在项目中我使用的是header 作为组件名称，但是在前端html中这个是内置组件来的，名称已被占用不能再使用这些名称了。这里指的是components的名称命名不正确。若引用改了还是报错啦，可以查看下vue页面的。把命名修改一下，避免名称冲突就好了。是不是也名称冲突了。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值