最近開發vue項目,項目有一個粒子特效使用vue-particles。項目用vue-cli構建,webpack打包完畢,丟到服務器,chrome訪問完美,測試360和Edge也正常。
遺憾的是,在IE11顯示一片空白。F12,第一次也沒有發現錯誤,刷新後,報錯:vue
SCRIPT: 缺乏':'
網上搜了不少種方法,測試IE瀏覽器不支持新的ES6語法等狀況,但import 'babel-polyfill'後仍然沒有任何改觀。
開始逐步排查,找到是vue-particles的問題,修改vue-particles/index.js後IE訪問正常。
原vue-particles/index.js代碼以下:webpack
import particles from './vue-particles.vue' const VueParticles = { install (Vue, options) { Vue.component('vue-particles', particles) } } export default VueParticles
IE不支持install(){}這種寫法,故修改以下:web
import particles from './vue-particles.vue' const VueParticles = { install: function (Vue, options) { Vue.component('vue-particles', particles) } } export default VueParticles