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

Question

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

Answer 1

刚好也遇到了这个问题，新版本确实依然存在问题，而且按照官方文档提示的安装了iview-loader也没法解决，且报错了根本无法正常显示组件。时隔大半年了发现也没有有效的回答，自己找到了一个解决方法——全局注册组件：importVuefrom'vueimport{Switch}from'iview'Vue.component('i-switch',Switch)在入口文件中注册全局组件时把组件名称改写成i-switch，页面里使用的时候也是i-switch，就不会再报错了，组件也正常显示。

Answer 2

好像是这两个需要加i-改成i-switch其实文档里有提到。官网还有一段提示关于使用iView控制台警告的说明如果您使用的是Vue.js2.5.10版本，会在控制台弹出一系列标签错误的警告，但这只会在开发环境提示，而且不影响iView的使用。下个Vue.js版本已经修复这个问题。您也可以降级Vue.js到2.5.9版本。