關(guān)于Vue在ie10下空白頁(yè)的debug小結(jié)
發(fā)現(xiàn)問題
前幾天寫的一段Vue，在ie下一片空白，f12顯示script1003: expected : 。于是就有了這篇文章...
解決過程
baidu、google之，說是json最后一項(xiàng)有多余的逗號(hào)，例如
{
a: 5,
b: 4, // 最后一項(xiàng)不能有逗號(hào)
}
檢索修正所有js文件不表，然而情況依舊。。。
沒辦法了，祭出無敵睿智debug技巧: 全文注釋掉，再一行一行解掉注釋，終于定位到bug位置: 一個(gè)自定義右鍵菜單的插件(v-contextmenu)有問題。。。
繼續(xù)先前的睿智debug技巧，終于發(fā)現(xiàn)，好幾個(gè)bug。。。
該插件下，所有對(duì)象最后一項(xiàng)都有逗號(hào)，導(dǎo)致在ie下不兼容
{
a: 5,
b: 4, // 這個(gè)逗號(hào)要?jiǎng)h除
}
該插件的export default語(yǔ)法與ie不兼容（更多關(guān)于export default的用法參考這篇文章：http://m.fzitv.net/article/108418.htm）
// ie下不支持這種語(yǔ)法
export default {
bind() {}
}
// 必須在外面定義 function bind() {} 然后
export default {
bind: bind
}
// 特別告誡，下面這種語(yǔ)法在ie中也是不支持的
export default {
bind
}
最重要的，這個(gè)插件在一個(gè)很隱蔽的地方有這么兩行代碼
if(condition) {
someArray.push({ a, b })
} else {
anotherArray.push({ a, b })
}
而{ a, b }這種語(yǔ)法是ie不支持的，必須改成{ a: a, b: b }
一個(gè)上午就這么浪費(fèi)了，你以為我要噴這個(gè)插件？我想說，誰(shuí)用ie誰(shuí)是狗🐶
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
webpack vue 項(xiàng)目打包生成的文件,資源文件報(bào)404問題的修復(fù)方法(總結(jié)篇)
這篇文章主要介紹了解決webpack vue 項(xiàng)目打包生成的文件,資源文件報(bào)404問題的修復(fù)方法,需要的朋友可以參考下2018-01-01
vue-week-picker實(shí)現(xiàn)支持按周切換的日歷
這篇文章主要為大家詳細(xì)介紹了vue-week-picker實(shí)現(xiàn)支持按周切換的日歷，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
vue +elementui 導(dǎo)入CSV文件的方式
封裝一個(gè)公共js方法,使用papaparse解析CSV文件且返回?cái)?shù)組格式,下面通過示例代碼介紹vue +elementui 導(dǎo)入CSV文件的方式,感興趣的朋友一起看看吧2024-04-04
淺談vue的props，data，computed變化對(duì)組件更新的影響
本篇文章主要介紹了淺談vue的props，data，computed變化對(duì)組件更新的影響，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
在本篇文章中小編給大家分享了關(guān)于vue源碼架構(gòu)的相關(guān)知識(shí)點(diǎn)內(nèi)容，有需要的朋友們學(xué)習(xí)下。2019-01-01
本篇文章主要介紹了vue webuploader 文件上傳組件開發(fā)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要介紹了vue通過cookie獲取用戶登錄信息的思路詳解，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-10-10
vue/cli安裝報(bào)錯(cuò)及解決問題的方法圖文詳解
這篇文章主要給大家介紹了關(guān)于vue/cli安裝報(bào)錯(cuò)及解決問題的方法,如果在安裝@vue/cli時(shí)遇到錯(cuò)誤,大家可以嘗試以下步驟解決,需要的朋友可以參考下2023-07-07
Vue實(shí)現(xiàn)當(dāng)訪問的路由不存在時(shí)跳轉(zhuǎn)到404頁(yè)面的方法詳解
在 Vue3 中,可以使用 Vue Router 實(shí)現(xiàn)跳轉(zhuǎn)到 404 頁(yè)面,即當(dāng)用戶訪問一個(gè)不存在路由時(shí),系統(tǒng)會(huì)默認(rèn)跳轉(zhuǎn)到 404 頁(yè)面,本文給大家介紹了一個(gè)簡(jiǎn)單的實(shí)現(xiàn)方法,需要的朋友可以參考下2023-12-12
ElementUI中兩個(gè)Select選擇聯(lián)動(dòng)效果實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于ElementUI中兩個(gè)Select選擇聯(lián)動(dòng)效果實(shí)現(xiàn)的相關(guān)資料,在前端項(xiàng)目開發(fā)中,經(jīng)常會(huì)遇到省市縣三級(jí)聯(lián)動(dòng)的下拉列表框組的問題,需要的朋友可以參考下2023-08-08