uni-app 启动页停留十几秒才进入首页

uni-app 启动页停留十几秒才进入首页

开发环境 版本号 项目创建方式
Windows 与版本无关 CLI

产品分类:uniapp/App

PC开发环境操作系统:Windows

手机系统:Android

手机系统版本号:Android 14

手机厂商:华为

手机机型:荣耀30鸿蒙3.0;夜神模拟器也会

页面类型:vue

vue版本:vue3

打包方式:云端

CLI版本号:3.99

操作步骤:

运行项目,或者重新打开app都会出现这样的问题

预期结果:

最多应该要两秒就出现首页

实际结果:

在启动页停留太久了

bug描述:

app在自带的启动页停了十几秒才进入首页。但是首页的onload早就已经执行了。

整个页面没有css和js。代码分为以下三种情况

1:没有图片,十几秒

<template>  
  <view >  
    <text>1</text>  
    <view>2</view>  
  </view>  
</template>

2:有图片,且设置了mode=“widthFix”,两秒左右

<template>  
  <view>  
    <image mode="widthFix" src="/static/logo.png" />  
  </view>  
</template>

3:有图片,没有设置mode,十几秒

<template>  
  <view>  
    <image src="/static/logo.png" />  
  </view>  
</template>
6 回复

确认manifest.json中"app-plus" -> “splashscreen” 下的 autoclose 是否设置为 true


有的,自动关闭有开

“splashscreen”: { “target”: “id:1”, “autoclose”: true, “waiting”: true, “delay”: 0 },

没有开启的话,启动页面不是不会自己关闭吗。问题里面的bug描述就是我试验出来的全部代码

没人处理了?

在 uni-app 中,启动页停留时间过长可能是由多种原因引起的。以下是一些常见的原因和解决方法:

1. 启动页设置问题

  • 检查启动页配置:在 pages.json 文件中,检查 splashscreen 配置项,确保 autoclose 设置为 true,并且 delay 时间设置合理。
    {
      "pages": [
        {
          "path": "pages/index/index",
          "style": {
            "navigationBarTitleText": "首页"
          }
        }
      ],
      "globalStyle": {
        "splashscreen": {
          "autoclose": true,
          "delay": 2000 // 启动页停留时间(毫秒)
        }
      }
    }
回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!