關于Vue在ie10下空白頁的debug小結

發現問題
前幾天寫的一段Vue,在ie下一片空白 , f12顯示script1003: expected : 。于是就有了這篇文章...
解決過程
baidu、google之 , 說是json最后一項有多余的逗號,例如

關于Vue在ie10下空白頁的debug小結

【關于Vue在ie10下空白頁的debug小結】檢索修正所有js文件不表,然而情況依舊 。。。
沒辦法了,祭出無敵睿智debug技巧: 全文注釋掉,再一行一行解掉注釋 , 終于定位到bug位置: 一個自定義右鍵菜單的插件(v-contextmenu)有問題 。。。
繼續先前的睿智debug技巧,終于發現,好幾個bug 。。。
該插件下,所有對象最后一項都有逗號,導致在ie下不兼容
關于Vue在ie10下空白頁的debug小結

該插件下 , 所有對象最后一項都有逗號,導致在ie下不兼容


該插件的export default語法與ie不兼容

關于Vue在ie10下空白頁的debug小結

最重要的,這個插件在一個很隱蔽的地方有這么兩行代碼
關于Vue在ie10下空白頁的debug小結

而{ a, b }這種語法是ie不支持的,必須改成{ a: a, b: b }

相關經驗推薦