vue项目依赖版本冲突(Do not use built-in or reserved HTML elements as component id: Circle(Switch))

最新推荐文章于 2025-04-08 19:14:39 发布

crazy、bunny

最新推荐文章于 2025-04-08 19:14:39 发布

阅读量1.7k

点赞数 1

文章标签： vue javascript css vue.js node.js

本文链接：https://blog.youkuaiyun.com/qq_43786667/article/details/107480487

版权

vue项目依赖版本冲突(Do not use built-in or reserved HTML elements as component id: Circle(Switch))

本人遇到问题是因为引入了less，从而导致了iview部分组件失效。网站上的解决方案均无法解决该问题，最终发现导致问题的原因是依赖版本冲突。

解决方案

更新iview

npm uninstall iview
npm install iview

能够解决问题的直接原因是查到了以下博客的问题是因为elment-ui版本冲突，和iview相似，于是进行测试，终于解决了这恶心问题。
https://blog.youkuaiyun.com/qq_41154522/article/details/104614809

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

crazy、bunny

关注关注

1
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【dug】Do not use built-in or reserved HTML elements as component id: …

jieweiwujie的博客

09-26

265

如果我们采用正确命名，并对应修改上述代码，即可消除报错。这是因为页面的name命名有问题导致。

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

且听风吟的博客

11-26

5551

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

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

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

weixin_42220130的博客

10-29

1118

在Vue中，组件的ID应该是唯一的，以确保没有冲突。很可能是一个保留字或者是一个内置的HTML元素名称，所以Vue拒绝了这样的用法。如果你正在使用Vue 2.x版本，确保全局ID的唯一性，如果是在Vue 3.x中，则应该使用一个独一无二的name属性代替ID。更改组件的ID，使用一个独一无二的名称，确保它不是一个内置的HTML元素名称，也不是Vue的保留字。在这个例子中，my-custom-component就是一个不会与内置HTML元素冲突的组件ID。

记录 vue3 + vite5 项目的依赖冲突解决

热门推荐

S筱潇S四维Smile

02-25

7万+

vue 在引入组件后无法显示组件内容且报错如下： Do not use built-in or reserved HTML elements as component id 这是因为组件的命名和html标签重复导致警告，如下图所示：解决方法：创建组件的时候要注意组件命名与html标签区分开方法一、方法二、 ...

vue 渲染是出现 Do not use built-in or reserved HTML elements as component id 的警告

weixin_30408739的博客

08-29

290

情况1.是因为组件命名和引入不一致造成的。命名组件(nav) export default { name: 'nav', data () { return { } } 引入组件(Navigation) import Mnav from './common/Navigation' 改成一致后可解决该问题。命名组件(Navigation) export ...

vue2源码分析-vue入口文件global-api分析

qq_42389674的博客

03-06

716

vue 全局api初始化 vue挂载的全局属性: vue.util 公共方法,set 方法 ,del方法, nextTick方法,observable observe方法,options vue的一些选项。初始化方法: extend,extend函数此处用于扩展,initUse 初始化插件,initMixin 初始化混入,initExtend,构造一个vue的子类 ,initAssetRegisters(Vue) 注册或者获取全局组件、指令、过滤器

Vue 09Vue中使用行内样式---class

mqingo的博客

01-02

2904

09Vue中使用样式---class.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>09Vue中使用样式----class</title> <script type="text/javascript

Vue 08使用v-model实现计算器

mqingo的博客

01-02

698

08使用v-model实现计算器.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>08使用v-model实现计算器</title> <script type="text/javascript&quot

Vue中各个生命周期阶段的源码探究--beforeCreate和created阶段

YKG

11-24

1万+

本文主要探讨一下，Vue的一个大致运行流程，我们知道，它的生命周期包括,beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,beforeDestroy,destroyed。但这里讨论只包含beforeCreate,created,beforeMount,mounted，因为探讨的过程只涉及Vue实例创建，事件生命周期、数据监听...

Do not use built-in or reserved HTML elements as compo

qq_41654729的博客

05-29

499

VUE - vue.runtime.esm.js?6e6d:619 [Vue warn]: Do not use built-in or reserved HTML elements as component i <script> export default { name:'header' // 不要使用内置或保留的HTML元素 , 改为Header或者置或保留的HTML元素之外的名称就好了 } </script> ...

vue版本冲突解决替换包

04-15

运行vue项目时，启动报错 error in ./~/_element-ui@2.7.2@element-ui/packages/form/src/label-wrap.vue Syntax Erroe:Unexpected token (20:14) ;；将此压缩包解压到node_moudel里面找到 element-ui，替换即可

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

qq_45796592的博客

04-17

1116

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

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

Claire_cz的博客

01-19

1万+

开发vue项目时报错这是因为组件的命名和html标签重复导致警告，所以创建组件的时候要注意组件命名与html标签区分开有篇更详细的介绍，大家有兴趣可以看下：https://cnodejs.org/topic/5816aabdcf18d0333412d323

2023-04-17：vue_node_npm：Vue项目启动时依赖版本冲突问题

weixin_45805749的博客

04-17

1493

vue_node_npm：Vue项目启动时依赖版本冲突问题

解决Vue项目中npm依赖冲突的方法

2301_81025390的博客

01-16

2406

尝试为Vue 2项目安装vue-router时，npm报告了一个ERESOLVE错误。这种错误通常表明尝试安装的包与项目中已有的依赖版本不兼容。

Vue2项目中安装插件babel-plugin-import出现项目版本依赖冲突解决方法

weixin_57664029的博客

03-19

989

在Vue2项目中使用babel-plugin-import插件安装管理Vant2组件库时出现项目中的依赖版本冲突解决方法。

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

wenbintian的博客

10-10

367

保存如下先看一下翻译解决：其他提示已经很明显了，就是使用组件name的时候，不要将html一些便签的名称作为组件name 比如写法错误如下：此处将button作为组件的name值，因为button这个单词在html是作为正常的便签的，所以改一下这个name值就不会报错了，可以直接改成大写开头的 "Button" ...