具体情况
在使用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
总结
三种方案提供选择,针对不同问题可选择不同方案进行解决,希望可以帮到大家。
本文解决Vue项目在低版本浏览器上出现白屏问题,提供三种解决方案:降级webpack-dev-server版本、配置babel-polyfill及排查组件兼容性。适用于遇到浏览器兼容性难题的前端开发者。
8979

被折叠的 条评论
为什么被折叠?



