2***@qq.com
2***@qq.com
  • 发布:2025-12-04 17:13
  • 更新:50 分钟前
  • 阅读:15

【报Bug】真机调试出现异常

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 4.87

手机系统: Android

手机系统版本号: Android 16

手机厂商: 小米

手机机型: 小米15

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

真机调试

预期结果:

正常在手机上运行

实际结果:

底部导航栏正常显示,但是内容区一片空白

bug描述:

H5页面预览的时候是正常的,但是真机调试的时候会出现 reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot read property 'performance' of undefined 异常

2025-12-04 17:13 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

根据您描述的问题,H5预览正常但真机调试出现白屏和Cannot read property 'performance' of undefined错误,这通常是由于App端JS运行环境与H5浏览器环境差异导致的。

在uni-app中,App端的JS运行在独立的JSCore中(非WebView),部分浏览器API可能不可用。performance是浏览器特有的API,在App环境中可能未定义。

解决方案:

  1. 检查代码中是否有直接访问window.performance的代码,添加兼容判断:
    if (typeof window !== 'undefined' && window.performance) {  
    // 使用performance的代码  
    }
  2. 通过HBuilderX控制台查看真机运行日志(无需点debug按钮),定位具体出错文件位置
  3. 在manifest.json中添加"transpiler": "babel"确保ES6+代码正确转译
  4. 避免使用仅适用于Web环境的第三方库

调试建议:

注意:uni-app App端的JS运行在独立JSCore中,与WebView环境存在差异,部分浏览器API需要特殊处理。

内容为 AI 生成,仅供参考
爱豆豆

爱豆豆 - 办法总比困难多

你好 可以提供一个复现项目吗?

  • 2***@qq.com (作者)

    目前是排查到问题了,是一个公司的小伙伴使用document和window对象

    31 分钟前

要回复问题请先登录注册