微信小程序页面跳转后不显示内容

博主遭遇了一个小程序开发中的难题,页面跳转后突然变为空白,尝试了多种解决方法如检查pages配置、app.json注册、版本切换等均未奏效。最后通过在跳转前使用console.log()定位问题出在跳转后页面的JS文件,并通过删除重建JS文件解决了问题。此问题在真机测试时也可能出现,但目前尚无明确的通用解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

说起来就很无语,睡觉前都已经确认从云储存获取到数据了,页面跳转也没有问题,只要在前端渲染就好了。结果一觉起来,页面跳转突然就空白了,编译器和控制台都没有报错。小程序的开发人员们,我的脚趾头都握紧了。

查过之后很多人都说是跳转目标页面的js有问题,具体来说可以分为以下几种:

  1. 有的人说pages需要把所有内容包含进去。—> 没用
  2. 有的人说pages需要与最上端隔一点距离。这个解决方法看上去是最诡异的,但是居然有人成功了,就说明页面不显示这个bug是有多离谱。–> 依旧没用
  3. 有的人说app.json文件中没有该跳转页面的注册,或者大小写的问题。页面创建和其他页面创建时的过程一摸一样,app.json里也有注册过。–> 此条不适用
  4. 还有人说是版本问题,试过了好几个版本,该怎么样还是怎么样。–> 也没用

而我自己的解决方法:
5. 在wx.navigateTo()里最后,即跳转页面前用console.log()随便打印一条内容。如果在控制台能看到这条信息那就说明当下页面都没有问题,问题就只能出现在跳转后页面的js文件里了。
6. 如果此时跳转页面的js文件里有内容,那截图或者复制将内容保存在某个地方。然后将这个js文件直接删除,新建一个相同名称的js,再把之前写好的内容放进去就可以了。

这个bug我在一天之内居然遇到了2次,虽然不知道js哪里出了错。对比和其他正常的js文件,除了通过像素级的大家来找茬来发现位置不同,根本看不出来哪里出了问题。删掉重来是最快的了。

ps:在找解决方法时,还看到有人说开发测试和调试时都没有问题,真机测试时就出问题了,而且好像还没有较为清晰的解决方案。所以只求之后不要出现同样的问题了。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值