uni-app打包app杀死进程后再打开白屏必现多尝试几次后又会恢复

uni-app打包app杀死进程后再打开白屏必现多尝试几次后又会恢复

开发环境 版本号 项目创建方式
Windows 3.8.12 CLI 
产品分类：uniapp/App

PC开发环境操作系统：Windows

手机系统：Android

手机系统版本号：Android 13

手机厂商：OPPO

手机机型：Reno10 pro+

页面类型：vue

vue版本：vue2

打包方式：云端

CLI版本号：3.8.12

### 操作步骤：
杀死进程后再打开白屏必现，多尝试几次后又会恢复

### 预期结果：
杀死进程后再打开正常使用

### 实际结果：
杀死进程后再打开白屏必现，多尝试几次后又会恢复

### bug描述：
打包app，杀死进程后再打开白屏必现，多尝试几次后又会恢复

更多关于uni-app打包app杀死进程后再打开白屏必现多尝试几次后又会恢复的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

问题已解决，是项目写的拦截器有问题，注释就可以了

更多关于uni-app打包app杀死进程后再打开白屏必现多尝试几次后又会恢复的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 打包的 App 中，杀死进程后再打开出现白屏的问题，通常与应用的启动流程、资源加载、缓存机制或框架初始化有关。以下是一些可能的原因和解决方案：

1. 检查启动页配置

  • uni-app 默认会有一个启动页（Splash Screen），如果启动页配置不当，可能会导致白屏。
  • 在 manifest.json 中检查 splashscreen 配置，确保启动页的显示时间和关闭逻辑正确。
  • 示例：
    "splashscreen": {
  "autoclose": true,
  "waiting": true,
  "delay": 0
}

2. 检查页面加载逻辑

  • 白屏可能是由于页面加载时间过长或资源加载失败导致的。
  • 确保首页的加载逻辑（如网络请求、数据初始化）不会阻塞页面渲染。
  • 可以使用 uni.showLoading 或 uni.hideLoading 来优化用户体验。

3. 检查路由跳转逻辑

  • 如果应用启动时进行了路由跳转（如重定向到登录页），可能会导致白屏。
  • 确保路由跳转逻辑正确，避免在页面未完全加载时进行跳转。

4. 检查缓存机制

  • uni-app 的页面和组件可能会缓存，如果缓存机制有问题，可能会导致白屏。
  • 尝试在 pages.json 中禁用页面缓存：
    {
  "path": "pages/index/index",
  "style": {
    "navigationBarTitleText": "首页",
    "enablePullDownRefresh": false,
    "disableScroll": false,
    "disableSwipeBack": false,
    "onReachBottomDistance": 50,
    "navigationStyle": "default",
    "backgroundColor": "#ffffff",
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "enableCache": false
  }
}

5. 检查框架初始化

  • uni-app 依赖于 Vue.js 框架，如果框架初始化失败，可能会导致白屏。
  • 确保 main.js 中的 Vue 实例初始化逻辑正确，没有报错。
  • 示例：
    import Vue from 'vue'
import App from './App'
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
  ...App
})
app.$mount()
回到顶部