uni-app 云打包发布高可重现白屏BUG 强制退出两次后再进入会出现白屏

uni-app 云打包发布高可重现白屏BUG 强制退出两次后再进入会出现白屏

开发环境信息

类别 详细信息
产品分类 uniapp/App
PC操作系统 Windows
PC操作系统版本 win10 19042.1081
HBuilderX类型 正式
HBuilderX版本 3.1.18
手机系统 Android
手机系统版本 Android 11
手机厂商 小米
手机机型 小米10
页面类型 vue
打包方式 云端
项目创建方式 HBuilderX

示例代码

代码使用的是HBuilder X 中 新建 》 项目 》 uni-app 》 默认模板,没有任何改动

操作步骤

  1. 创建项目(代码使用的是HBuilder X 中 新建 》 项目 》 uni-app 》 默认模板,没有任何改动),发行 》 原生APP 云打包 》正式包
  2. 进入app ,双击返回键,退出应用,正常;
  3. 再次进入app, 双击返回键退出,正常;
  4. 再次进入app,出现白屏,页面无法加载

预期结果

正常进入

实际结果

白屏

bug描述

uniapp 强制退出两次后,第三次进入会出现白屏


更多关于uni-app 云打包发布高可重现白屏BUG 强制退出两次后再进入会出现白屏的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 云打包发布高可重现白屏BUG 强制退出两次后再进入会出现白屏的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个已知的App启动流程处理问题。当应用被强制退出(双击返回键)两次后,第三次启动时可能出现白屏。

问题原因:

  1. 强制退出时,App的进程和Activity栈被完全销毁
  2. 再次启动时,原生层与JS引擎的初始化时序可能出现冲突
  3. 页面渲染与JS执行环境准备不同步,导致白屏

解决方案:

  1. 检查启动页配置pages.json 中确保启动页配置正确:
{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    }
  ],
  "globalStyle": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "uni-app",
    "navigationBarBackgroundColor": "#F8F8F8",
    "backgroundColor": "#F8F8F8"
  }
}
  1. 优化应用生命周期处理App.vue 中添加错误捕获:
export default {
  onLaunch: function() {
    console.log('App Launch')
  },
  onShow: function() {
    console.log('App Show')
  },
  onHide: function() {
    console.log('App Hide')
  },
  onError: function(err) {
    console.error('App Error:', err)
  }
}
回到顶部