微信小程序uniapp出现白屏怎么解决(总集)

这篇具有很好参考价值的文章主要介绍了微信小程序uniapp出现白屏怎么解决(总集)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

我本人遇到这种问题一般都很快解决了,所以没有怎么留意,没有凡尔赛自夸,不是自己厉害,只是比较细心。最近有小伙伴反馈白屏,突然想到这种情况有很多种,想做个集合,有朋友遇到解决不了的,请留言,我尽可能解决并留在此处。

最重要的!!!
如果你的电脑配置不怎么样,并且没有改动就白屏,请重启微信开发者工具,电脑性能好出现概率低但不完全

白屏情况一 开启了Selected context only

uni打包小程序web-view预览文件白屏,微信小程序,uni-app

请不要给这个打√,或者出现问题的时候检查,部分问题出现bug的时候,这个会隐藏掉bug提示。虽然他能很好帮我们解决ui库警报提示过多的问题

白屏情况二 缓存未清理

uni打包小程序web-view预览文件白屏,微信小程序,uni-app

这种情况常常出现在多个小程序项目,修复bug,接手别人项目的情况,有缓存的存在,导致白屏。有时候单纯的重启没有效果的,请最好在全部清除后重启。

白屏情况三 线上出现白屏 开发环境没问题

uni打包小程序web-view预览文件白屏,微信小程序,uni-app

检查域名有没有配置 有时候后端给你的测试环境 不代表线上版本 没有配置叫负责人配置一下就好了

白屏情况四 体验版扫码出现白屏

uni打包小程序web-view预览文件白屏,微信小程序,uni-app

请检查路径是否正确

白屏情况五 报错模块找不到 组件找不到 文件找不到之类的

①先确定是否有这个文件,有这个文件的话通过索引搜索是否是引入错误,引入路径错误,使用变量名错误
②如果是刚引入这个包的时候出现问题,不是包不对,就是引入方式不对
③JSON文件是否配置无误
④清理缓存
⑤依赖安装有误,安装未完成,或者安装完成之后提示了警告
⑥脚手架跟当前项目不匹配

白屏情况六 页面跳转出现白屏

如果给页面page或者自定义class加了页面颜色,可以给page.json或者app.json(微信原生)加相同的页面背景色

白屏情况七 真机调试白屏

uni打包小程序web-view预览文件白屏,微信小程序,uni-app

尽可能用2.0版本,(局域网模式开是最好的,但如果是手机需要连接电脑的wifi或者同局域网的wifi),还要观察连接状态是否正常,服务状态是否正常,如果会跳,或者红色是不可行的

uni打包小程序web-view预览文件白屏,微信小程序,uni-app

如果切换了2.0还不行,检测自己开发工具是否是最新版本,老版本经常出现问题。新版本可能出现新问题,但总归问题是越来越少的。

白屏情况八 Couldn’t resolve the Js file “app.js” relative to “app.json”

因为依赖下载失败 把最近一次导入的依赖项删除即可

同样错误另一种解决方法

来源@老编程爱好者
场景是app转小程序之后遇到这个问题

需要删除unpackage\dist\dev\mp-weixin目录,重新编译运行

白屏情况九 预览情况下白屏

uni打包小程序web-view预览文件白屏,微信小程序,uni-app

根据这四步进入调试状态 查看报错情况

白屏情况十 未有权限查看该项目

uni打包小程序web-view预览文件白屏,微信小程序,uni-app

这里面需要有最起码的开发者权利才能看

开发者工具本地设置

一般必用的几个选项给你们画出来,其他可有可无

uni打包小程序web-view预览文件白屏,微信小程序,uni-app

校验不校验合法域名看个人需求,一般也是需要的

如果有用,请给我点赞收藏,我会很开心,谢谢文章来源地址https://www.toymoban.com/news/detail-804730.html

到了这里,关于微信小程序uniapp出现白屏怎么解决(总集)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp 微信小程序权限permission 怎么设置

    1、在manifest.json的源码视图, 2、在mp-weixin下的permission,增加权限配置项。 3、在微信小程序下生成。 4、有哪些配置项?吐槽uniapp官网,跳到的页面,不是直达!! 参考经过我千辛万苦找到的页面: 授权 | 微信开放文档

    2024年04月14日
    浏览(40)
  • 怎么将微信小程序项目转为uniapp项目

    将微信小程序项目转换为uni-app项目需要以下几个步骤: 安装uni-app开发工具:HBuilderX 在HBuilderX中创建一个新的uni-app项目 将微信小程序的代码复制到uni-app项目的相应文件夹中 在uni-app中修改相关代码以适配uni-app平台 运行并测试uni-app项目 请注意,由于微信小程序和uni-app的开发

    2024年02月11日
    浏览(44)
  • uniapp - 微信小程序新版本发布之后用户端怎么更新?updateManager ?

    微信小程序在版本更新后,从上面标题栏进去,发现还是没有更新,存在缓存问题 这就要说到微信小程序更新机制 解决办法--微信提供的wx.getUpdateManager()(我的uniapp)uni.getUpdateManager(),链接:uni.getUpdateManager() | uni-app官网 1)定期检查发现版本更新 微信运行时,会定期检查最近使

    2024年02月06日
    浏览(59)
  • uniapp开发微信小程序,出现[微信小程序开发者工具] [error] Error: Fail to open IDE 错误的原因--潘万丁

    [微信小程序开发者工具] [error] Error: Fail to open IDE 是因为 小程序AppID这里的id有自己以前填写的,现在肯能某种原因无法使用,所以把它清空或天上自己现在能用的即可,我建议为空更好,然后运行微信小程序肯能不会跳出来,这是需要将微信开发者工具关闭完了,在hbuilder

    2024年02月16日
    浏览(50)
  • 【已解决】微信小程序编译后白屏(The resource was preloaded using link preload but not used within a few seconds ...)

    事情发生在重装微信小程序开发者工具后。。。微信小程序编译后白屏,控制台报错: 对比之前开发工具的设置,发现不知何时手残多打了一个勾: 使用独立域进行调试 去掉后,正常了。。。 白屏挺常见的,原因也是千奇百怪,此解决方法仅限此原因。。。

    2024年02月08日
    浏览(131)
  • uniapp/微信小程序解决echarts层次问题

    1.由于原生的canvas组件高于其他组件 2.这样设置z-index没有用 3.大部门解决办法是将echarts转化成图片 看了微信小程序官方文档,官方提供了一种cover-view标签来覆盖canvas、video等层级过高问题   所以本次使用cover-view来解决层级问题一下 以下是代码实现: cover-view class=\\\"customerb

    2024年02月09日
    浏览(44)
  • 解决微信小程序真机测试出现errno:600001错误

    报错如下: 小程序真机调试报错问题:VM1096: Unhandled promise rejection {errno: 600001, errMsg: \\\"request:fail -102:net::ERR_CONNECTION_REFUSED}   原因如下: 1、token太长 2、域名的证书链有问题,请检查你的域名的证书链。 本人项目出现的情况是原因2。 打开域名链接,显示如下: 接下来,处理

    2024年02月11日
    浏览(73)
  • uniapp打包微信小程序,包过大解决

    微信小程序每个分包的大小是2M,总体积一共不能超过20M。 字节小程序每个分包的大小是2M,总体积一共不能超过16M(字节小程序基础库 1.88.0 及以上版本开始支持,字节小程序开发者工具请使用大于等于 2.0.6 且小于 3.0.0 的版本)。 在对应平台的配置下添加 \\\"optimization\\\":{\\\"su

    2024年02月08日
    浏览(72)
  • 微信小程序多图列表页面性能问题为什么会出现?如何解决?

    微信小程序中的多图列表页面性能问题主要是由于以下几个原因导致的: 图片过大:在多图列表页面中,如果图片过大,会导致页面加载时间过长,从而影响用户体验。 请求过多:在多图列表页面中,如果一次请求加载过多的图片,会导致请求次数过多,从而影响页面加载

    2024年03月25日
    浏览(58)
  • 微信小程序:uniapp解决上传小程序体积过大的问题

    在昨天的工作中遇到了一个微信小程序上传代码过大的情况,在这里总结一下具体的解决步骤,首先介绍一下,技术栈是使用uniapp框架+HBuilderX的开发环境。 错误提示 真机调试,提示包提交过大,不能正常生成二维码,后续上传代码更是不可能了,减少包中的体积顺着这条思

    2024年02月03日
    浏览(60)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包