一句代码演绎你的人生。

框架套不住全世界,你不要被框架套住。

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


总结

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

阅读更多
版权声明:原创不易,如需转载,请注明出处。有梦想地需要你的一个赞(顶)。 https://blog.csdn.net/genius_yym/article/details/80348828
个人分类: Vue web
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

Vue APP白屏的解决思路之一

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭