Vue报错：“Do not use built-in or reserved HTML elements as component id: content”

最新推荐文章于 2024-07-20 16:46:53 发布
最新推荐文章于 2024-07-20 16:46:53 发布
阅读量574 收藏
点赞数
分类专栏： 前端技术 文章标签： vue.js html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/XreqcxoKiss/article/details/104875987
版权

Vue报错：“Do not use built-in or reserved HTML elements as component id: content”

作者：爱编程的小金毛球球
日期：2020-03-15

最近在使用vue控件的时候，审查页面元素提示下图的错误：
在这里插入图片描述
错误原因：
组件，不能和HTML标签重复
content组件和H5新标签重复
在这里插入图片描述
解决办法：
将HTML中div的id更换或是将vue页面name更换

爱编程的小金毛球球
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
OrdosX#blog#electron-vue报错process-is-not-defined的解决方法1
07-25
首先打开.electron-vue/webpack.renderer.config.js，在大约第125行的new HtmlWebpackPlugin中任意位置
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
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标签区分开 方法一、 方法二、 ...
bug：[Vue warn]: Do not use built-in or reserved HTML elements as component id: Component
qq_45796592的博客
04-17 291
[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
山海有灵的专栏
10-31 144
Vue warn]: Do not use built-in or reserved HTML elements as component id: header写了一个自定义组件name为header，与HTML内置header命名冲突了。修改自定义组件名为my-header解决。
解决vue warn：Do not use built-in or reserved HTML elements as component id: header
weixin_46743083的博客
08-01 7505
[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:title
simpleMan8023的博客
06-24 596
Do not use built-in or reserved HTML elements as component id:title
vue项目报错 [Vue warn]: Do not use built-in or reserved HTML elements as component id: a
weixin_48911985的博客
04-28 629
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
【前端笔记 】 Vue 报错: Do not use built-in or reserved HTML elements as component id: a
向着光芒的女孩
06-15 855
vue组件的命名不要与html的原生标签名字一样
Vue问题：[Vue warn]: Do not use built-in or reserved HTML elements as component id: data
weixin_54937289的博客
11-09 1570
Vue问题：[Vue warn]: Do not use built-in or reserved HTML elements as component id: data
[Vue warn]: Do not use built-in or reserved HTML elements as component id: content
在路上
08-28 1943
一、错误 在Vue中引入组件报错：[Vue warn]: Do not use built-in or reserved HTML elements as component id: content 二：原因 在vue里面不允许用特殊的标签来做自定义的标签比如你不能用a来接收一个组件的注册然后在以自定义标签的方式引用会被限制 三、结果方法 将冲突的content替换成‘v-content...
解决：Do not use built-in or reserved HTML elements as component id: form
愿我如星君如月 ... 夜夜流光相皎洁 ...
12-25 1901
1. vue 新写了个组件，运行工程成功，但界面没有出效果，F12 提示有一个警告： Do not use built-in or reserved HTML elements as component id: form 2. 原因：vue 组件命名不允许，个人感觉类似 java 中关键字、保留字不能用作类名 。 3. 改下组件名字就可以了。 ...
解决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 报错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-router 按需加载 component: () = import() 报错的解决
01-18
vue的单页面（SPA）项目,...但现在vue-router的官网看看，推荐这种方式： //vue异步组件和webpack的【代码分块点】功能结合，实现了按需加载 const App = () => import(‘../component/Login.vue’); 可是，很多情
谷粒商城实战笔记-38-前端基础-Vue-指令-单向绑定&双向绑定
最新发布
epitomizelu的专栏
07-20 500
安全性v-text更安全，因为它总是将数据作为纯文本插入，不解析 HTML。v-html则可能引发安全问题，因为它会解析并渲染 HTML 标签。用途v-text适用于插入文本数据，而v-html适用于插入需要被解析为实际 HTML 的数据。处理 HTML 标签v-text忽略 HTML 标签，将其视为普通文本；v-html则会解析并显示 HTML 标签。二者都是单向绑定，元素绑定model，model不绑定元素，元素值改变时model值不会更新。
使用Vue实现点击页面触发特效
qq_45569925的博客
07-19 645
在页面上的指定区域内进行点击，则会在页面上显示设置好的随机文本，此文本出现后会执行动画，动画效果为节点在1s之内向右上方移动并在移动的过程中完成180°翻转，最后消失。
Django+vue自动化测试平台（28）-- ADB获取设备信息
测试小老弟的博客
07-17 332
adb的全称为Android Debug Bridge，就是起到调试桥的作用。通过adb可以在Eclipse中通过DDMS来调试Android程序，说白了就是调试工具。adb的工作方式比较特殊，采用监听Socket TCP 5554等端口的方式让IDE和Qemu通讯，默认情况下adb会daemon相关的网络端口，所以当我们运行Eclipse时adb进程就会自动运行。
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
OpenTiny的博客
07-17 1047
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
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 更改为其他...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值