2020年12月31日14:48:49
問(wèn)題: Vue-cli4.0 依賴(lài)包在IE11 出現(xiàn)語(yǔ)法錯(cuò)誤
原因: 個(gè)別依賴(lài)使用es6語(yǔ)法, 在IE11上無(wú)法運(yùn)行 出現(xiàn)es6語(yǔ)法報(bào)錯(cuò)
解決: 使用babel-polyfill 將es6編譯成es5
參考資料:
https://cli.vuejs.org/zh/config/#transpiledependencies
https://github.com/vuejs/vue-docs-zh-cn/blob/master/vue-cli-plugin-babel/README.md
https://cli.vuejs.org/zh/guide/browser-compatibility.html#browserslist
npm i babel-polyfill
// vue.config.js
module.exports = {
// babel默認(rèn)忽略編譯node-modules, transpileDependencies 指定使用babel編譯的依賴(lài)名, 可以是依賴(lài)名 或者是 依賴(lài)名的正則
transpileDependencies: ['resize-detector']
}
實(shí)踐:
IE11 控制臺(tái)語(yǔ)法報(bào)錯(cuò)
定位報(bào)錯(cuò)依賴(lài)名
vue.config.js 添加babel編譯目標(biāo)依賴(lài)
