引入iView前端框架的时候报错了

Question

一引入iView前端框架，浏览器就报了两个错。
错误一： Do not use built-in or reserved HTML elements as component id: Circle
错误二:Do not use built-in or reserved HTML elements as component id: Switch
这是和vue内部定义的ID冲突重名了？这个问题该怎么解决？主要是对浏览器的报错有点强迫症。

Answer 1

刚好也遇到了这个问题，新版本确实依然存在问题，而且按照官方文档提示的安装了iview-loader也没法解决，且报错了根本无法正常显示组件。时隔大半年了发现也没有有效的回答，自己找到了一个解决方法——全局注册组件：

import Vue from 'vue
import { Switch } from 'iview'
Vue.component('i-switch', Switch)

在入口文件中注册全局组件时把组件名称改写成i-switch，页面里使用的时候也是i-switch，就不会再报错了，组件也正常显示。

Answer 2

好像是这两个需要加i-改成i-switch
其实文档里有提到。

---

官网还有一段提示

关于使用 iView 控制台警告的说明
如果您使用的是 Vue.js 2.5.10 版本，会在控制台弹出一系列标签错误的警告，但这只会在开发环境提示，而且不影响 iView 的使用。
下个 Vue.js 版本已经修复这个问题。
您也可以降级 Vue.js 到 2.5.9 版本。

Answer 3

这意思不是说跟html标签重名了吗

Answer 4

我也遇到了一样的问题：

我全局搜索这两个组件，也没有搜到在哪里引用了，不过不影响开发过程，相同的代码在同事那里就没有报错，估计和开发环境有关系的。

Answer 5

iview目前版本命名是大写字母开头 vue 目前是不支持这种命名的 你把框架降一个版本就好了

Answer 6

我昨天也遇到了，好像没啥影响

Answer 7

Circle 和 Switch 标签报错的问题，已解决，会在 iView 下个版本更新。

Answer 8

用的新版本的 iview，问题依然存在。

https://github.com/iview/ivie...

https://user-images.githubuse...

https://user-images.githubuse...

Answer 9

cnpm install iview@3.4.2(iview@后面是版本号)
最新版本号在：https://unpkg.com/iview查看