uni-app 4.15版本更新后打包app安装打开出现白屏

回复 8***@qq.com: cli工程的话，替换到你自己工程目录的node_modules/@dcloudio/vue-cli-plugin-hbuilderx/packages/webpack-app-plus-plugin/index.js

回复 8***@qq.com: 方便的话，可以提交一个仅管理员可见的项目，我们排查下导致该问题的具体原因

回复 DCloud_UNI_FengXY: “dependencies”: { “@dcloudio/uni-app”: “2.0.2-4010520240507001”, “@dcloudio/uni-app-plus”: “2.0.2-4010520240507001”, “@dcloudio/uni-h5”: “2.0.2-4010520240507001”, “@dcloudio/uni-i18n”: “2.0.2-4010520240507001”, “@dcloudio/uni-mp-360”: “2.0.2-4010520240507001”, “@dcloudio/uni-mp-alipay”: “2.0.2-4010520240507001”, “@dcloudio/uni-mp-baidu”: “2.0.2-4010520240507001”, “@dcloudio/uni-mp-jd”: “2.0.2-4010520240507001”, “@dcloudio/uni-mp-kuaishou”: “2.0.2-4010520240507001”, “@dcloudio/uni-mp-lark”: “2.0.2-4010520240507001”, “@dcloudio/uni-mp-qq”: “2.0.2-4010520240507001”, “@dcloudio/uni-mp-toutiao”: “2.0.2-4010520240507001”, “@dcloudio/uni-mp-vue”: “2.0.2-4010520240507001”, “@dcloudio/uni-mp-weixin”: “2.0.2-4010520240507001”, “@dcloudio/uni-mp-xhs”: “2.0.2-4010520240507001”, “@dcloudio/uni-quickapp-native”: “2.0.2-4010520240507001”, “@dcloudio/uni-quickapp-webview”: “2.0.2-4010520240507001”, “@dcloudio/uni-stacktracey”: “2.0.2-4010520240507001”, “@dcloudio/uni-stat”: “2.0.2-3090920231225001”, “@vue/shared”: “3.4.27”, “core-js”: “^3.8.3”, “@qiun/ucharts”: “^2.5.0-20230101”, “compression-webpack-plugin”: “^6.1.1”, “flyio”: “0.6.14”, “hacktimer”: “^1.1.3”, “html2canvas”: “^1.4.1”, “js-base64”: “^3.7.2”, “sass”: “^1.49.0”, “sass-loader”: “^8.0.2”, “vue”: “>= 2.6.14 < 2.7”, “vue-i18n”: “^8.24.4”, “vuex”: “3.6.2”, “webpack”: “^5.91.0” }, “devDependencies”: { “@dcloudio/types”: “^3.3.2”, “@dcloudio/uni-automator”: “2.0.2-4010520240507001”, “@dcloudio/uni-cli-i18n”: “2.0.2-4010520240507001”, “@dcloudio/uni-cli-shared”: “2.0.2-4010520240507001”, “@dcloudio/uni-helper-json”: “*”, “@dcloudio/uni-migration”: “2.0.2-4010520240507001”, “@dcloudio/uni-template-compiler”: “2.0.2-4010520240507001”, “@dcloudio/vue-cli-plugin-hbuilderx”: “2.0.2-4010520240507001”, “@dcloudio/vue-cli-plugin-uni”: “2.0.2-4010520240507001”, “@dcloudio/vue-cli-plugin-uni-optimize”: “2.0.2-4010520240507001”, “@dcloudio/webpack-uni-mp-loader”: “2.0.2-4010520240507001”, “@dcloudio/webpack-uni-pages-loader”: “2.0.2-4010520240507001”, “@vue/cli-plugin-babel”: “~5.0.0”, “@vue/cli-service”: “~5.0.0”, “babel-plugin-import”: “1.13.8”, “cross-env”: “7.0.3”, “jest”: “25.5.4”, “postcss”: “^8.4.38”, “postcss-comment”: “^2.0.0”, “uni-read-pages”: “^1.0.5”, “vue-inset-loader”: “^1.2.6”, “vue-template-compiler”: “>= 2.6.14 < 2.7”, “webpack-bundle-analyzer”: “^4.10.2”, “xgplayer”: “^2.30.1”, “xgplayer-hls.js”: “^2.5.2” },

https://haishuyun-test.oss-cn-guangzhou.aliyuncs.com/merchantApp/app-test-84.apk

在 uni-app 4.15 版本更新后，打包 App 安装打开出现白屏的问题，可能由多种原因引起。以下是一些常见的排查和解决方法，供你参考：

1. 检查基础库版本

确保 HBuilderX 和 uni-app 的基础库是最新版本。如果不是最新版本，请更新到最新版本重新打包。

2. 检查打包配置

• 在 manifest.json 中，检查 App启动模式 是否配置正确。
• 确保 App 的入口页面路径配置正确，例如：

  "pages": [
    {
      "path": "pages/index/index",
      "style": {}
    }
  ]
  

3. 检查资源路径

• 确保静态资源路径正确，尤其是图片、字体等资源。
• 如果使用了相对路径，建议改为绝对路径，例如：

  <image src="/static/logo.png"></image>
  

4. 排查 JavaScript 错误

• 打开浏览器的开发者工具（或使用 HBuilderX 的调试功能），检查是否有 JavaScript 错误。
• 如果有错误，根据错误信息进行修复。

5. 检查路由配置

• 确保 pages.json 中的路由配置正确，尤其是首页的路由。
• 如果使用了自定义路由，确保路由逻辑没有问题。

6. 清除缓存

• 在 HBuilderX 中，清除项目缓存：
  • 点击菜单栏的 运行 -> 清除缓存 -> 清除所有缓存。
• 在手机上卸载旧版本 App，重新安装新版本。

7. 检查网络请求

• 如果首页有网络请求，确保请求地址正确，且服务器响应正常。
• 如果是 HTTPS 请求，确保服务器证书有效。

8. 检查插件兼容性

• 如果使用了第三方插件，检查插件是否与 uni-app 4.15 版本兼容。
• 如果有不兼容的插件，尝试更新插件或寻找替代方案。

9. 调试模式

• 在 manifest.json 中，启用调试模式：

  "app-plus": {
    "debug": true
  }
  

• 重新打包并安装，查看是否有更详细的错误信息。

10. 检查 Vue 版本

• 如果项目中使用的是 Vue 2，确保代码兼容 Vue 2。
• 如果使用 Vue 3，确保 uni-app 的 Vue 3 配置正确。

11. 查看日志

• 在手机上安装 App 后，使用 adb 工具查看日志：

  adb logcat | grep "uni-app"