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

最新推荐文章于 2023-07-12 09:14:57 发布

girljeremy

最新推荐文章于 2023-07-12 09:14:57 发布

阅读量1.5k

点赞数 1

分类专栏：前端博学了没文章标签： webpack vue.js 前端

Jeremy Liu

本文链接：https://blog.youkuaiyun.com/qq_36235241/article/details/122955994

版权

前端博学了没专栏收录该内容

18 篇文章

订阅专栏

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

项目场景：
问题描述：
原因分析：
解决方案：

项目场景：

用户为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,
    }),