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