因为有些插件没有成功转为es5,所以一直白屏报错
解决:
1、vue.config.js文件中在transpileDependencies里面指定要转译的依赖。
另外添加configureWebpack: config => { config.entry.app = ['babel-polyfill', './src/main.js'];},
transpileDependencies: ['*'],
configureWebpack: config => { config.entry.app = ['babel-polyfill', './src/main.js'];},
2、babel.config.js中添加'@vue/cli-plugin-babel/preset'
presets: [
[
"@vue/app",
{
"useBuiltIns": "entry",
polyfills: [
'es6.promise',
'es6.symbol'
]
},
'@vue/cli-plugin-babel/preset'
]
],
}
3、(在package.json里面设置Browserslist配置:"> 0.1%", 意思是筛选 兼容最新两个版本、用户比例大于0.1% 的浏览器)
"browserslist": [
// "> 1%",
"> 0.1%",
"last 2 versions",
"not dead"
]
详细请参考:VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决_Dragonfly_w的博客-优快云博客_vue打包后ie11报语法错误