項(xiàng)目是用vue-cli3構(gòu)建的描睦,接觸到項(xiàng)目的時(shí)候功能已經(jīng)開(kāi)發(fā)了一期膊存,項(xiàng)目需求要兼容到IE10+;但是在 開(kāi)發(fā)環(huán)境中忱叭,在IE11上都報(bào)錯(cuò)且白屏隔崎。
在谷歌下都沒(méi)得問(wèn)題。窑多。仍稀。
追蹤錯(cuò)誤到node_modules中的engine.io-client模塊,我都不知道哪用的這個(gè)模塊埂息,最后發(fā)現(xiàn)是項(xiàng)目中引入的socket.io-client模塊技潘,我嘗試刪除這個(gè)模塊的引入,哈哈...終于能在IE中打開(kāi)了千康。
那么問(wèn)題就變成了怎么解決socket.io-client的兼容性問(wèn)題了享幽。。拾弃。
谷歌發(fā)現(xiàn)這篇帖子問(wèn)題和我一樣:https://forum.vuejs.org/t/vue-3-do-not-work-on-ie-script1002-syntax-error/81687
參考改動(dòng)后值桩,搞定了這個(gè)問(wèn)題。
總結(jié):
其實(shí)這個(gè)問(wèn)題就是node_modules中的模塊沒(méi)有經(jīng)過(guò)babel 編譯豪椿,所有在IE中不能識(shí)別ES6+的新語(yǔ)法奔坟,按照官網(wǎng)的設(shè)置[transpileDependencies
]選項(xiàng)添加需要編譯的模塊就行了携栋。