Vue APP白屏的解决思路之一

解决思路

关于APP白屏,我们应该从代码中解决,而不是归类为什么手机任务过多/版本过低等外在的原因。白屏的很大原因在于,代码的错误。解决白屏的关键点就是找到这个报错。 检查代码的错误原因,我们可以看手机的日志。即是,在日志中找到报错并解决它即可。


示例

(一)问题描述
如,我开发中碰到,在开发中没有问题,但是打包后放到安卓手机低版本中就会白屏,看日志,发现了报错:Object.assign is not a function...
所以,可以确定到,代码中es6语法没有完全解析

(二)解决
(1)安装依赖包
> cnpm install --save-dev babel-polyfill 或者 > npm install --save-dev babel-polyfill

(2)webpack配置修改

/* 添加 babel-polyfill */
entry: {
app: ["babel-polyfill", "./src/main.js"]
},


总结

真正意义上的修复,是找到错误的原因(什么时候下会白屏,日志有没有报错等),一一排查。

猜你喜欢

转载自blog.csdn.net/genius_yym/article/details/80348828