具体情况
在使用vue开发完成之后进行项目打包时,打包后的项目使用高版本浏览器正常,使用低版本浏览器(或者较早的android系统)时出现白屏
报错内容
Uncaught SyntaxError: Use of const in strict mode.
Uncaught TypeError: Cannot call method 'call' of undefined
解决方案
方案1
1、将webpack-dev-server版本降为2.7.1重新安装即可
npm rm webpack-dev-server -D
npm i webpack-dev-server@2.7.1 -D
2、删除node_modules目录重新安装npm install
方案2
babel-polyfill问题
在config中的webpack.base.conf.js中,修改编译配置
entry:{
app:['babel-polyfill','./src/main.js']
}
可解决开发时低版本浏览器js报错问题
方案3
使用组件问题
可能使用的组件存在问题导致打包后报错
npm update
npm run build
总结
三种方案提供选择,针对不同问题可选择不同方案进行解决,希望可以帮到大家。