uni-app 离线打包升级4.36后打包APP出现白屏问题

发布于 1周前 作者 itying888 来自 Uni-App

uni-app 离线打包升级4.36后打包APP出现白屏问题

操作步骤：

  • 升级4.36

预期结果：

  • 正常打包成功且底部三键导航下导航键和底部功能键显示交互不重叠

实际结果：

  • 打包异常，APP白屏

bug描述：

  • 背景：离线打包，荣耀手机Android15系统，app底部三键导航下的导航键和底部功能键显示交互会重叠
  • bug描述：为解决背景问题，升级到了4.36，升级后打包APP会直接白屏
  • 期望：修复背景问题的同时，打包正常
Harmonyos Next教程
14 回复

这个问题我遇到了，解决了你可以在社区里面搜一下


关键词是什么呀

Android15系统底部与三键导航重叠问题已确认，暂时可设置低版本targetSdkVersion避免。 HBuilderX4.41-alpha版本会修复此问题。

HBuilderX4.41-alpha版本 大概什么时候能发布呢

回复 alfredChen: 已经发布，请到这里下载alpha版本：https://www.dcloud.io/hbuilderx.html

app打包后白屏问题修复了吗

回复 1***@qq.com: 我这边试了 没有

回复 alfredChen: 白屏就难搞，升级完依赖有退回去了

回复 DCloud_App_Array: 试了4.43-alpha还是白屏

发一个能复现问题的离线demo，我这边试一下

4.36离线打包白屏，官网demo把targetSDK改为35就可以复现

回复 1***@qq.com: 可以参考：https://ask.dcloud.net.cn/question/203203

回复 1***@qq.com: 你把build.gradle中的webkit版本升级到1.5.0再试一下

针对您提到的uni-app离线打包升级到4.36版本后出现白屏问题，这通常可能是由于多种原因导致的，包括但不限于资源加载失败、配置错误、兼容性问题等。以下是一些可能帮助定位和解决问题的代码案例和检查步骤，但请注意，具体解决方案需要结合您的项目具体情况进行调整。

1. 检查manifest.json配置

首先确保manifest.json中的配置正确无误，特别是与离线打包相关的配置，如app-plus下的distribute、sdkConfigs等部分。

{
  "app-plus": {
    "distribute": {
      // 确保这里的配置正确，比如版本号、渠道等
      "sdkConfigs": {}
    },
    // 其他配置...
  }
}

2. 清理并重建项目

有时候，简单的清理和重建项目可以解决缓存导致的问题。

# 清理项目
rm -rf /path/to/your/project/dist/*
rm -rf /path/to/your/project/node_modules/
rm -rf /path/to/your/project/unpackage/*

# 重新安装依赖并打包
npm install
npm run build

3. 检查资源文件加载

白屏问题可能是由于资源文件（如HTML、JS、CSS）加载失败导致的。确保所有资源文件都已正确打包并能在打包后的APP中访问。

4. 调试与日志

使用HBuilderX的调试功能查看控制台输出，检查是否有错误信息。同时，可以在代码中添加日志输出，帮助定位问题发生的具体位置。

// 在APP启动时添加日志输出
console.log('App is starting...');

// 在关键资源加载时添加日志
fetch('/path/to/your/resource')
  .then(response => response.text())
  .then(data => {
    console.log('Resource loaded:', data);
  })
  .catch(error => {
    console.error('Failed to load resource:', error);
  });

5. 检查第三方插件或模块

如果项目中使用了第三方插件或模块，确保它们与uni-app 4.36版本兼容。有时候，插件的更新滞后于框架的更新，可能会导致兼容性问题。

6. 回退版本测试

如果以上步骤都无法解决问题，可以尝试回退到之前的uni-app版本进行打包测试，以确定问题是否由版本升级引起。

请根据您的项目具体情况，结合上述步骤进行排查和修复。如果问题依旧存在，建议查阅uni-app的官方文档或社区论坛，寻找是否有其他开发者遇到并解决了类似的问题。

回到顶部