Vue项目在IOS10以下打开白屏

背景:项目结构是用Vue-cli搭建的,webpack基本上都是使用vue-cli的配置。目前发现,项目运行在iOS11及上的系统,和安卓下,是没有问题的。在iOS10打开,会出现白屏。有报错信息。报错信息如下:

clipboard.png

clipboard.png
说明:在iOS10下,白屏现象会偶尔出现,而且报错信息也不是每次都一样。有时能正常打开,则没有报错信息。
查过资料,有人说是因为使用CommonsChunkPlugin这个插件。【webpackJsonp is not defined】这是因为公共文件必须在自己引用的js文件之前引用。在 buildwebpack.prod.conf.js 中 HtmlWebpackPlugin 插件里添加以下代码改变文件加载顺序

chunks: ['manifest', 'vendor', 'app']

但是我试过了,还是不行。

clipboard.png
跪求解答~

回答:

在脚手架文件里面 buildwebpack.prod.conf.js 大概是 38 行
在 new UglifyJsPlugin 添加

new UglifyJsPlugin({
...
 // 处理 IOS10 白屏
 mangle: {
  safari10: true
 }
....
}) 

回答:

请问楼主,这个手机调试是什么软件,刚学vue

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注