在HBuilder X上使用uniapp开发微信小程序时，运行到微信开发者工具白屏

最新推荐文章于 2025-04-22 22:38:53 发布
原创 最新推荐文章于 2025-04-22 22:38:53 发布 · 662 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uni-app #微信小程序

重新运行


新建项目案例使用了默认和uni-ui的项目，结果运行到微信开发者工具时一直白屏，浏览器端是正常显示图标和文字的。
解决办法：在HBuilder上停止运行，然后再重新运行。

白屏页面
在这里插入图片描述
成功页面
在这里插入图片描述

在这里插入图片描述

此文章如有不足之处，希望大家在评论区一起交流哦！谢谢大家！！！

scott嘻嘻
关注
微信小程序的体验评分，如何从开发者工具中调取
惠惠软件
05-11 1405
​ 体验评分是一项给小程序的体验好坏打分的功能，它会在小程序运行过程中实时检查，分析出一些可能导致体验不好的地方，并且定位出哪里有问题，以及给出一些优化建议。 运行环境要求 下载并安装 1.02.1808300 或以上版本的开发者工具，下载地址。 基础库需要切到 2.2.0 或以上版本。 ​
HBuilder X运行到微信小程序之后页面显示空白的原因
a2697707646xsXS的博客
03-16 1253
HBuilder X运行到微信小程序之后页面显示空白
微信开发者工具模拟器白屏
m0_64181447的博客
11-29 1777
不知道各位小伙伴们有没有遇到过这种情况，用 VScode 或 HBuilder 编写程序运行到微信开发者工具查看效果时出现下面这种白屏情况。废话不多说直接上解决办法🎊🎊。
uniapp运行到微信开发者工具显示空白
xxx
03-21 1604
原因： 项目中有死循环
微信小程序uniapp出现白屏怎么解决（总集）
weixin_44295184的博客
12-29 1万+
微信小程序uniapp出现白屏怎么解决（总集）
uni-app 微信小程序 编译的时候白屏问题
jiangyue2694的博客
05-03 1515
uni-app 微信小程序 编译的时候白屏问题 忽略我的图片，随便找的 我最近又开始写微信小程序了， 真的心烦，这个东西太坑了，我去好多地方都看到这个问题，但是没有人写解决方法，都是需要关闭小程序开发者工具，再次在HX中重新编译，这样就拖慢了我们的进度，也很磨人。 不过我试验了一种方法比这个方便一点，就是清除编译缓存，然后在点击编译，如果还没有出来，就再点击一次，就可以编译成功了。希望对大家有用处，如果你有更好的办法，希望能在评论中留下你宝贵的足迹。 ...
使用HBuilderX创建的uniapp微信小程序项目，如何在vscode打开并运行到微信开发者工具上
最新发布
10-23
嗯，用户想了解如何使用VS Code打开HBuilderX创建的uni-app微信小程序项目，并运行到微信开发者工具上。这个问题很实用，因为很多开发者确实更习惯用VS Code进行开发。 用户提到了两个站内引用，第一个引用说明了用...
HBuilderX发布小程序打不开微信小程序开发工具
小猿同学628的博客
01-05 3305
uniapp混合开发小程序 通过HBuildX 打不开微信开发者工具
uniapp如何在真机、手机模拟器、微信开发者工具中运行调试
热门推荐
花落微凉梦清幽的博客
08-10 2万+
一、在真机上调试 1.首先要去手机的设置打开开发者模式，每个手机打开开发者模式的姿势不一样，如OPPO的就需要先找到“关于手机”，然后在版本号上连点几次，然后再退出来点开“其他设置”，才能出现开发者选项，然后打开USB调试，记住，打开usb调试后一定不要选择只进行充电，而是选择文件传输，或者去usb设置里面选择文件传输也可。oppo的打开开发者选项比较隐蔽，每个手机也有点差别，可自行百度。这里一般会下个360手机助手和手机一起连接。手机和电脑连接成功后，在Hbuilderx上就有运行在某某设备上，然后还有
hbuilder x运行到微信开发者工具 内容显示白屏
07-23
在使用 HBuilder X 运行到微信开发者工具时，如果出现页面白屏问题，可能是由于多种原因导致的，包括内存配置、启动方式、缓存残留或项目配置错误等。以下是详细的解决方案和排查步骤： ### 检查启动方式 如果微信...
解决微信开发者工具编译后模拟器白屏
R的博客
04-22 1274
解决微信开发者工具编译后模拟器白屏途径之一
如何用HBuilderX把uni-app项目运行到微信开发者工具上
wxiao_xiao_miao的博客
02-16 5753
1.复制自己的微信小程序的AppID： 方法一：在微信开发者工具中获取APPID 方法二： 在小程序后台获取 2.在HBuilderX 新建项目中填写自己的微信小程序的 AppID： 3.在 HBuilderX 中，配置电脑里“微信开发者工具”的安装路径： 4.在微信开发者工具中，通过 设置 -> 安全设置 面板，开启“微信开发者工具”的服务端口： 5.在 HBuilderX 中，点击菜单栏中的 运行 ->...
bug：uniapp运行到微信开发者工具 白屏 页面空白
qq_634380940的博客
12-11 1249
uniapp运行到微信开发者工具 白屏 页面空白
微信开发者中心页面空白
qq_62639105的博客
11-25 466
问题：不管是从HBuilderX运行到微信开发者中心，还是直接在微信开发者中心直接运行代码，都会出现一个问题，希望可以帮到你们 ღ( ´･ᴗ･` )
uniapp运行到微信开发者工具中小程序端页面空白的解决办法
Rudon滨海渔村的博客
04-21 1万+
效果图 解决步骤 1）确保“微信开发者工具”和HBuilderX已经是最新版本 菜单栏 > 微信开发者工具 > 检查更新 > 立即更新 （最好是重启后再更新） 2）确保“微信开发者工具”中无报错 - 有就回到HBuilderX检查修正 3）搞定，再不行就全部重装 详细步骤 更新 更新 更新 升级安装，有问题的话可以重启再装，不行的话就“忽略” 或者干掉...
在uniapp中运行项目到微信开发者工具详细步骤
weixin_44120543的博客
02-07 3559
顶部菜单 → 运行 → 运行到小程序模拟器 → 微信开发者工具。手动打开微信开发者工具 → 设置 → 安全 → 开启服务端口。打开HBuilderX → 文件 → 新建 → 项目。HBuilderX → 顶部菜单 → 工具 → 设置。建议开启微信开发者工具的"不校验合法域名"用于调试。获取微信小程序AppID（需要注册小程序账号）→ 默认模板 → 输入项目名称 → 创建。填写微信小程序AppID（没有可用测试号）在微信开发者工具 → 工具 → 构建npm。等待自动编译（首次编译需要2-5分钟）
微信小程序编译页面空白bug的原因
爱就码上行动，奔赴热爱，追光而行。愿你带着从容与热爱，拥抱每一天的惊喜与美好
06-21 2044
学友哥bug汇总
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值