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"]
 },

---

总结

真正意义上的修复，是找到错误的原因（什么时候下会白屏，日志有没有报错等），一一排查。即，确定bug原因，修复bug.