运行到内部浏览器是正常的 uni-app 运行到微信小程序白屏 app.js文件报错

运行到内部浏览器是正常的 uni-app 运行到微信小程序白屏 app.js文件报错

操作步骤:

  • 就正常运行到微信小程序,之前都可以的

预期结果:

  • 运行正常

实际结果:

  • 报错,白屏

bug描述:

信息类别 信息内容
产品分类 uniapp/小程序/微信
PC开发环境操作系统 Windows
操作系统版本号 10
HBuilderX类型 正式
HBuilderX版本号 4.76
第三方开发者工具版本号 1.06.2504030
基础库版本号 3.9.2
项目创建方式 HBuilderX

image

submit_personal_info_-_副本.rar


更多关于运行到内部浏览器是正常的 uni-app 运行到微信小程序白屏 app.js文件报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

9 回复

您好,麻烦发下可复现的demo

更多关于运行到内部浏览器是正常的 uni-app 运行到微信小程序白屏 app.js文件报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


已上传 麻烦看看

4.76 版本测试没有上面的报错

是微信开发工具的原因吗

回复 睡到自然醒呀: 有可能,你清除一下缓存试试

怎么试都不行 都升级了最新版本

项目根目录 unpackage/dist,删除dist文件 uniapp重新运行小程序试试看

你写了啥,我浏览器可以打开,微信开发者工具打开不了

白屏问题通常由 app.js 中的 JavaScript 错误导致。根据截图中的错误信息,问题出现在 submit_personal_info 页面的 onLoad 函数中,具体是 JSON.parse 解析失败。

可能原因及解决方案:

  1. 页面参数解析错误
    onLoad 函数中可能直接对 options 进行了 JSON.parse 操作。微信小程序中页面参数是通过 onLoad(options) 传递的查询参数(键值对),无需 JSON.parse。检查代码中是否错误地尝试解析 options 或其字段。

  2. 本地存储数据异常
    onLoad 中读取了 uni.getStorageSync 等本地存储数据并尝试解析,需确保存储的数据是有效的 JSON 字符串。非 JSON 格式数据(如普通字符串)会导致解析失败。建议添加 try-catch 块处理异常:

    try {
      const data = JSON.parse(storageData);
    } catch (e) {
      console.error('JSON解析失败:', e);
    }
回到顶部