鍍金池/ 問答/HTML/ 引入iView前端框架的時候報錯了

引入iView前端框架的時候報錯了

一引入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內(nèi)部定義的ID沖突重名了?這個問題該怎么解決?主要是對瀏覽器的報錯有點強迫癥。

回答
編輯回答
陪她鬧

CircleSwitch 標簽報錯的問題,已解決,會在 iView 下個版本更新。

2017年2月4日 16:47
編輯回答
巫婆

iview目前版本命名是大寫字母開頭 vue 目前是不支持這種命名的 你把框架降一個版本就好了

2017年2月14日 19:26
編輯回答
司令

剛好也遇到了這個問題,新版本確實依然存在問題,而且按照官方文檔提示的安裝了iview-loader也沒法解決,且報錯了根本無法正常顯示組件。時隔大半年了發(fā)現(xiàn)也沒有有效的回答,自己找到了一個解決方法——全局注冊組件:

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

在入口文件中注冊全局組件時把組件名稱改寫成i-switch,頁面里使用的時候也是i-switch,就不會再報錯了,組件也正常顯示。

2018年2月15日 03:50
編輯回答
萌小萌

好像是這兩個需要加i-改成i-switch
其實文檔里有提到。


官網(wǎng)還有一段提示

關(guān)于使用 iView 控制臺警告的說明
如果您使用的是 Vue.js 2.5.10 版本,會在控制臺彈出一系列標簽錯誤的警告,但這只會在開發(fā)環(huán)境提示,而且不影響 iView 的使用。
下個 Vue.js 版本已經(jīng)修復這個問題。
您也可以降級 Vue.js 到 2.5.9 版本。
2017年12月27日 06:21
編輯回答
墨沫

我也遇到了一樣的問題:
clipboard.png
我全局搜索這兩個組件,也沒有搜到在哪里引用了,不過不影響開發(fā)過程,相同的代碼在同事那里就沒有報錯,估計和開發(fā)環(huán)境有關(guān)系的。

2017年5月16日 19:14
編輯回答
選擇

我昨天也遇到了,好像沒啥影響

2017年5月19日 11:00
編輯回答
我不懂
2017年10月28日 10:41
編輯回答
孤星

這意思不是說跟html標簽重名了嗎

2017年5月19日 16:49