Vue-cli4.0 IE11 语法报错

2020年12月31日14:48:49
问题: Vue-cli4.0 依赖包在IE11 出现语法错误
原因: 个别依赖使用es6语法, 在IE11上无法运行 出现es6语法报错
解决: 使用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默认忽略编译node-modules, transpileDependencies 指定使用babel编译的依赖名,  可以是依赖名 或者是 依赖名的正则
    transpileDependencies: ['resize-detector'] 
}

实践:

IE11 控制台语法报错

定位报错依赖名

vue.config.js 添加babel编译目标依赖