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

我要成为前端大神
  • 9

一引入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冲突重名了?这个问题该怎么解决?主要是对浏览器的报错有点强迫症。

评论
阅读 6.9k
9 个回答

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

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

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

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


官网还有一段提示

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

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

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

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

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

CircleSwitch 标签报错的问题,已解决,会在 iView 下个版本更新。

CrazyCEL
  • 2
新手上路,请多包涵
撰写回答

登录后参与交流、获取后续更新提醒

宣传栏