因为有些插件没有成功转为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的博客-CSDN博客_vue打包后ie11报语法错误