项目场景：

用户为iPhone7 iOS10.3.3手机，内存32G，剩余可用内存180多M。混合开发app。

问题描述：

1.使用混合开发app打开Phone7 iOS10.3.3手机H5离线包时，页面白屏，用户反应是在我们最近版本发布后出现的问题，之前可以正常使用。
2.测试过程中其他手机型号（安卓、iOS）没出现过问题。
3.本地运行时可以在该手机上显示，打完包后无法显示（白屏）。
4.查看iOS日志发现日志有报错。

ReferenceError: Can't find variable: webpackJsonp
desc=SyntaxError: Cannot declare a let variable twice: 't'.

原因分析：

1.内存不足，无法下载到最新资源。
2.webpack打包问题。

解决方案：

网上搜索解决方案，在配置文件中加上一句对Safari10的适配。

new UglifyJsPlugin({uglifyOptions: {safari10: true,// iOS10适配compress: {warnings: false,},},sourceMap: config.build.productionSourceMap,parallel: true,}),

参考1
参考2

修改完上述配置，可以正常打开页面了。用户是非常nice的大叔~耐心的等待我们排查问题。

疑问：为什么版本升级前可以使用？
答：经排查新增了一个插件的引用"swiper": “^4.5.0”。这个有问题。参考

webpack打包 iPhone7 iOS10.3.3 hybird vue H5离线包白屏问题相关推荐

vue页面在支付宝白屏问题
最近碰到一个很操蛋的问题,在浏览器和微信上都能正常打开的页面,在支付宝里面就白屏显示或者显示Uncaught SyntaxError: Unexpected token . 原因就是支付宝不支持es6 ...
微信小程序iphone7设备下跳转h5页面失败，h5页面显示白屏，加载报错，其他页面正常显示
如题,遇到了上面这个问题,在小程序的webview中加载了一个h5页面,满足某种条件的时候跳转到到这个h5页面,这个页面处理了一些逻辑,处理完成后会跳转回来这个页面,所以在往这个h5页面跳转的时候也携 ...
vue h5适配ios刘海屏
近期做到一个基于vue的h5的项目,底部需要适配ios,尝试根据手机型号手动增加底部安全区适配,但是处理起来比较麻烦,上网查了一顿,总结了一个还算比较简单好用的方法: 例如footview是页面底部的 ...
vue路由跳转白屏问题
当前问题: 比如当前路由为: `/projectDetail?Id=1&name=页面1`通过页面改变了路由参数Id `/projectDetail?Id=2&name=页面1`此时做 ...
vue动态路由刷新白屏问题解决方法
出现刷新白屏的问题原因很好理解,就是由于加载了动态路由,刷新后动态路由消失,所以就出现了白屏问题,解决方式是判断在刷新的时候重新添加动态路由就行了.(参考大神的经验,最终解决了我的问题,感谢...) ...
Vue首屏加载白屏问题及解决方案
Vue首屏加载白屏问题及解决方案首先说一下首页加载为什么会白屏? 先说下 SPA 单页面的加载过程首先就是 html ,也就是 FP 阶段 FP(全称"First Paint" ...
Electron-vueda打包EXE文件，打开后白屏
最近在调研electron的时候,需要将前端项目打包成.exe文件,本地跑npm run dev,一切运行正常. 之前没有搞过electron,就在网上搜索了一下打包,网上最多的就是关于package ...
vue项目兼容ie浏览器(出现白屏)
因为有些插件没有成功转为es5,所以一直白屏报错解决: 1.vue.config.js文件中在transpileDependencies里面指定要转译的依赖. 另外添加configureWebpac ...
使用webpack打包后，vscode中vue代码变白色的解决办法
使用webpack打包后,vscode中vue代码变白色的解决办法卸载vetur,重装vetur

webpack打包 iPhone7 iOS10.3.3 hybird vue H5离线包白屏问题

webpack打包 iPhone7 iOS10.3.3 hybird vue H5离线包白屏

项目场景：

问题描述：

原因分析：

解决方案：

webpack打包 iPhone7 iOS10.3.3 hybird vue H5离线包白屏问题相关推荐

最新文章

热门文章