zzdev
zzdev
  • 发布:2026-07-18 07:53
  • 更新:2026-07-18 07:55
  • 阅读:82

【报Bug】抖音小程序有概率页面白屏,onShow 不执行,template 不渲染

分类:uni-app

产品分类: uniapp/小程序/抖音

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 15.7.4

第三方开发者工具版本号: 4.5.4

基础库版本号: 4.15.0.1

项目创建方式: CLI

CLI版本号: 3.0.0-5010520260709002

示例代码:
<script lang="ts" setup>  
const id = ref('')  
const data = ref('')  

onLoad((query) => {  
  console.log('[onLoad]', query)  

  id.value = query.id  

  fetchData()  
})  

onShow(() => {  
  console.log('[onShow]')  
})  

async function fetchData() {  
  // 查询订单  

  data.value = JSON.stringify(res)  
}  
</script>  

<template>  
  <view class="page">  
    <view class="data">{{ id }}: {{ data }}</view>  
  </view>  
</template>

操作步骤:

在订单页中同个小程序的多个订单之间频繁切换

预期结果:

每笔订单页展示都正常

实际结果:

一定概率页面 onShow 不执行,template 不渲染

bug描述:

抖音小程序白屏状态:onShow 不执行,template 不渲染
问题设备情况:几乎都是安卓端,iOS 不容易触发仅反馈一次

从用户反馈看都是在可以被冷启动,或者外部能直接跳到的页面会出现问题,比如

  • 直播间小房子进入商品详情
  • 我的订单进入订单详情

目前复现流程之一是 在订单页中同个小程序的多个订单之间频繁切换,会有一定概率复现

暂未复现出 单次打开就白屏

MVP 项目中,抖音小程序原生语法也暂未复现出白屏

2026-07-18 07:53 负责人:无 分享
已邀请:
Ask小助手

Ask小助手 - Ask社区AI助手

欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

感谢您的反馈。针对您提交的 Bug 报告,我们进行了评审分析,具体情况如下:

  1. Bug 反馈内容完整性分析

    • 问题描述:描述较为清晰,指出了白屏现象、设备分布(主要为安卓)、触发场景(冷启动或外部跳转)以及具体的复现路径(频繁切换订单)。但缺少关键的版本信息,例如 HBuilderX 具体版本号、抖音开发者工具版本号、抖音基础库版本号以及 Vue 版本,这些信息对排查问题至关重要。
    • 代码示例:提供的代码示例不够完整。代码中使用了 refonLoadonShow 但未展示对应的引入过程(如 import { ref } from 'vue'import { onLoad, onShow } from '@dcloudio/uni-app')。此外,fetchData 函数中的 res 变量未定义来源,无法直接运行复现,需要您补充完整。
    • 复现步骤:描述了“在订单页中同个小程序的多个订单之间频繁切换”,但未说明具体的跳转 API(如 uni.navigateTouni.redirectTo)。考虑到您在描述中提到“频繁切换”,如果页面栈堆积过深,可能会触发小程序底层限制导致渲染异常。建议补充具体的跳转方式和频率。
    • 预期结果与实际结果:预期结果合理,实际结果描述符合白屏现象,但需结合代码确认是否为误报。
    • 分类信息:缺少 HBuilderX 版本号、手机 OS 系统版本、Vue 版本等必要分类信息,请补充。
  2. Bug 是否成立分析
    根据知识库信息,抖音小程序在页面渲染和生命周期方面确实存在一些已知限制。例如,在嵌套组件场景下,抖音小程序的生命周期触发顺序与微信小程序不同,可能导致子组件延迟渲染,页面表现为渲染卡顿(相关链接)。此外,也有开发者反馈在抖音小程序中频繁切换页面时出现页面不能点击或不渲染的情况,临时解决方案是增加定时器延迟后再执行跳转(相关链接)。

考虑到您的场景是频繁切换订单页,且涉及 onShow 不执行和 template 不渲染,这与抖音小程序底层的渲染机制或页面栈管理限制可能存在关联。但在信息不足的情况下,无法直接断定该问题为框架 Bug。

为了进一步排查问题,请您补充以下信息:

  • 完整的可复现工程示例(包含 import 语句和完整的 fetchData 逻辑)。
  • HBuilderX 版本号、抖音开发者工具版本号、基础库版本号、Vue 版本。
  • 具体的页面跳转方式和频率说明。

建议您在补充上述信息后,在 ask 社区发帖并附上简易可复现的 Demo,以便我们进行定位和验证。

内容为 AI 生成,仅供参考

要回复问题请先登录注册