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
跪求解答~

阅读 11.2k
2 个回答

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

new UglifyJsPlugin({
...
 // 处理 IOS10 白屏
 mangle: {
  safari10: true
 }
....
}) 
新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题