VueCli项目中vuesocketio.js在IE浏览器下报SCRIPT1003:缺少':'

Vue-Cli项目中vue-socketio.js在IE浏览器下报SCRIPT1003: 缺少 &＃8216;:&＃8217; ，vue-charts 缺少&＃8217;)&＃8217;

今天用ie打开了我们的Vue项目，结果一片空白

于是赶紧打开F12一探究竟

9440行，是啥呢，点过去瞅瞅

好吧，去main.js里把vue-socket.io注释掉

错误信息变成了缺少')'

经排查，是vue-charts导致的这条报错

那么，vue-socket.io和vue-charts就是罪魁祸首了。

重点来了

一般来说这种错误都是ES6的兼容性问题，比如

fun(){}
fun = () => {}

解决办法如下：

//vue.config.js中添加
transpileDependencies: [
'vue-socket.io',
'vue-echarts',
'resize-detector',
],

//babel.config.js（注意双括号）
module.exports = {
presets: [[
'@vue/app',
{
useBuiltIns:'entry'
}
]]
}


重新编译，解决！

附：官方文档

transpileDependencies
Type: Array
Default: []
默认情况下 babel-loader 会忽略所有 node_modules 中的文件。
如果你想要通过 Babel 显式转译一个依赖，可以在这个选项中列出来。

关于useBuiltIns请参考此篇文章

按需加载polyfill——babel7的正确打开方式