Vue在ie10下空白頁的debug小記

頭幾天寫的一段Vue,在ie下一片空缺,f12顯現script1003: expected :

baidu、google之,說是json末了一項有過剩的逗號,比方

{
  a: 5,
  b: 4, // 末了一項不能有逗號
}

檢索修改一切js文件不表,但是狀況照舊。。。
沒辦法了,祭出無敵睿智debug技能: 全文解釋掉,再一行一行解掉解釋,終究定位到bug位置: 一個自定義右鍵菜單的插件(v-contextmenu)有題目。。。

繼承先前的睿智debug技能,終究發明,好幾個bug。。。

  1. 該插件下,一切對象末了一項都有逗號,致使在ie下不兼容
{
  a: 5,
  b: 4, // 這個逗號要刪除
}
  1. 該插件的export default語法與ie不兼容
// ie下不支撐這類語法
export default {
  bind() {}
}
// 必需在表面定義 function bind() {} 然後
export default {
  bind: bind
}

// 迥殊申飭,下面這類語法在ie中也是不支撐的
export default {
  bind
}
  1. 最主要的,這個插件在一個很隱藏的處所有這麼兩行代碼
if(condition) {
  someArray.push({ a, b })
} else {
  anotherArray.push({ a, b })
}

{ a, b }這類語法是ie不支撐的,必需改成{ a: a, b: b }

一個上午就這麼浪費了,你認為我要噴這個插件?我想說,誰用ie誰是狗🐶

    原文作者:東方小明
    原文地址: https://segmentfault.com/a/1190000014664739
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞