Uni-app遇到的问题(一)打包时候真机调试可以出来但预览不可以,并且显示为白屏,只有底部栏出来

本文描述了uni-app在微信小程序上遇到的预览白屏问题,问题表现为真机调试正常,但预览和上传后显示异常。问题分析包括未开启代码上传保护和自定义文件冲突。解决方案是启用代码保护并检查错误,发现是由于引用外部字体图标导致,删除iconfont.js文件后问题解决。
摘要由CSDN通过智能技术生成

项目场景:

uni-app在微信小程序上面调试,真机调试可以出来,但在预览上面变成白屏,只剩下底部栏。上传上面还是不能用。


问题描述

1.uni-app在微信小程序上面调试,真机调试可以出来,但在预览上面变成白屏,只剩下底部栏。上传到微信开发者平台上面还是不能用。

原因分析:

1.可能是没有打开代码上传保护
2.里面自己添加的文件有问题

解决方案:

第一种: 在微信开发者里面勾选代码保护
在这里插入图片描述
第二种:
勾选代码保护会显示代码上传失败。并且把代码保护去掉会显示白屏。
打开微信小程序打开调试
在这里插入图片描述
然后开始查看是不是那个地方报错
在这里插入图片描述
报错是
Cannot read property ‘getElementsByTagName‘ of undefined
说明是引用其他的字体图标,删除iconfont.js这个文件然后在上传,就不会在白屏啦。

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值