微信开发者工具编译后，页面空白，Wxml内容为空

最新推荐文章于 2024-07-19 11:25:01 发布
最新推荐文章于 2024-07-19 11:25:01 发布
阅读量1.3k 收藏 2
点赞数 6
文章标签： 微信小程序 uniapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iblackboy/article/details/137347059
版权

最近遇到了一个奇怪的问题，使用的uniapp运行的微信小程序，改动代码保存后页面就变成空，接口调用一切正常，Wxml内容为空。如下图
在这里插入图片描述
重新编译后，偶尔会报这个错误
在这里插入图片描述
根据错误提示，尝试了以下方法也没有用。

  • 更新调试基础库
  • 配置文件manifest.json下的mp-weixin添加"lazyCodeLoading": “requiredComponents”

清除数据缓存后才正常，但是对于日常开发而言体验极差。

最终，我的问题解决了

问题原因：微信开发者工具自动更新。截止2024年4月3日，最新版微信开发者工具有bug，版本号1.06.2402040

解决方法：回滚微信开发者工具版本

现阶段微信开发者工具官方不支持历史版本的下载，可以参考这个网站
https://developers.weixin.qq.com/community/develop/article/doc/0008c4833f4450f8e32ab0dbc51013

回滚版本后，问题解决。相信后续官方应该能修复这个bug，但是现在的我等不及了。。。先用老的版本吧

我下载的老的版本号：1.06.2308300（macOs版本） 点击版本号就可以直接下载

好人做到底，下面的是windows X64的下载链接

1.06.2308300（windows X64版本）

iblackboy
关注
使用微信开发者工具进行小程序生成与发布
m0_72166538的博客
04-26 851
然后，在微信开发者工具中，点击菜单栏的“上传”按钮，选择小程序代码所在的目录，点击“上传”按钮，将小程序代码上传到微信开放平台。编写小程序代码：在微信开发者工具中，找到新建的小程序项目，点击“编译”按钮，会自动在编辑器中打开小程序项目的代码。创建一个新的小程序项目：在小程序管理页面，点击右上角的“+”按钮，选择“新建小程序项目”。运行小程序：在编辑器中，点击“运行”按钮，微信开发者工具会模拟手机环境运行小程序，并在右侧的真机预览窗口中显示小程序的效果。可以在预览窗口中实时查看小程序的运行效果，并进行调试。
微信小程序uniapp出现白屏怎么解决（总集）
weixin_44295184的博客
12-29 7642
微信小程序uniapp出现白屏怎么解决（总集）
uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined
easttour的博客
03-06 2229
uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined
（小程序之坑1）微信小程序WXML中间内容为什么没有显示出来？
陈二狗的博客
07-19 249
微信小程序踩坑之wxml中有内容，但是页面上不显示
问题：微信开发者工具调试器空白
Juihui822的博客
06-06 431
微信开发者工具调试器空白的问题，不要从任务栏打开
微信开发者工具调试器空白解决方法
m0_63586335的博客
04-08 1467
随后我将微信开发者工具从底部快捷栏移除 ，在桌面上点击快捷方式启动。然而，今天当我启动小程序开发者工具时，却遇到了调试器空白的情况。原因是这样的：我通常喜欢将各种程序放在电脑底部的快捷栏中。想必大家能搜索到我这篇文章，肯定也曾遇到同样的问题。
小程序：微信开发者工具中页面一片空白怎么办？
我想我是海 冬天的大海 心情随风轻摆
08-04 6053
小程序：微信开发者工具中页面一片空白怎么办？
微信开发者工具调试器是空白的
ShadowSun的专栏
10-16 451
设置在任务栏然后点击进行打开，调试面板不会出现，在桌面点击快捷方式打开调试面板就会出现😂。
微信小程序开发者工具更新后报.wxss无法找到
03-29
微信小程序原来一直运行正常，编译都没有问题，但今天更新了一下工具，就一直编译不过，报.wxss无法找到，搜索半天，才解决。 出现上述错误，解决方法如下： 1、在控制台输入openVendor() ； 2、清除里面的wcsc wcsc...
基于SpringBoot+Mybatis+微信开发者工具的商城微信小程序
12-16
标题中的“基于SpringBoot+Mybatis+微信开发者工具的商城微信小程序”指的是一项使用了SpringBoot、Mybatis以及微信开发者工具开发的电商类微信小程序项目。这个项目结合了后端开发框架、数据库操作框架以及前端开发...
微信开发者工具(微信小程序)linux完美支持
01-26
Linux微信web开发者工具, 可在 linux 桌面环境跑起 微信开发者工具, 原理是 微信开发者工具 本质是 nw.js 程序, 把它移植到 linux 下没大问题. 负责编译 wxml 和 wxss 的 wcc 和 wcsc (可能还有其他功能), 则利用 ...
uni-app运行到微信开发者工具
tianxingege_的博客
08-29 919
配置 第一步：在HBuilderX点击运行到小程序模拟器进行配置 第二步：安装微信开发者工具 第三步：点击微信开发者工具运行项目 第四步：运行成功后会自动打开微信开发者工具模式 uni-app无法运行到微信开发者工具 很多小伙伴配置完成后运行的时候打不开微信开发者工具，原因是没有打开端口。 解决方法：在微信开发者工具里面找到设置，点击安全，把服务端口给打开，这样重新运行项目就成功了。 同理配置其他插件也是一样的方法 ...
那些年我修的...(二，微信小程序开发工具调试器打开是空白)
weixin_60542434的博客
09-14 1278
由于我有个电脑是win7，小程序最新版本1.06系列已经不支持了，我只能下载上一代维护的1.05系列的工具（小程序官方解释：1.05系列版本还是支持 Windows7 系统，不过原则上只会修复重大bug, 不会再随着1.06的节奏发版）这个应该是微信工具的bug可能，看了也有人会出现，下载最新的开发工具应该就可以了，不行就换个版本。解决：下载1.05系列最新版本还是空白，然后卸载，在试了之前的版本可以了。
微信开发者工具控制台空白问题解决方案
我乃世间蓬蒿人
08-22 4684
2、这个说如果将微信开发者工具固定在win系统的任务栏中（如下图），从任务栏点击启动有概率倒置控制台空白。解决方法：在桌面双击图标启动或到安装目录点击图标启动。3、彻底删除微信开发者工具，在我删除中发现如果再次安装依然会有原来的项目记录。卸载微信开发者工具，然后在。微信开发工具控制台空白还是一次遇见，重新安装微信开发者工具，重启系统都不好使，降版本也不行。开发场景：使用uniapp开发小程序，使用HBuilder调试启动微信开发者平台。找到 微信开发者工具文件夹 ，删除这个文件夹。重新启动微信开发者工具。
微信小程序wxml内容编译后不显示（控制台没有错误）
yuan5025的博客
05-12 3054
wxml页面填充内容而且控制台没有错误，但是编译就是不显示。 微信小程序wxml内容编译后不显示（控制台没有错误）
为什么我的微信小程序开发工具调试窗口一片空白？
weixin_45651609的博客
08-23 5184
为什么我的微信小程序开发工具调试窗口一片空白？
微信开发者工具 云开发白屏
weixin_45413311的博客
03-09 1139
2024 微信小程序 云开发白屏
关于微信小程序web开发者工具模拟器出现空白问题
热门推荐
weixin_38937467的博客
04-01 1万+
出现问题情况 关于微信web开发者工具模拟器出现空白问题，代码没错误，在模拟器中无法显示UI界面。 有博主总结点击开发者工具的 “>>”–>详情–>上传代码时自动压缩混淆功能取消勾选。 经过我的调试，取消勾选后也无法看到界面。 . . ...
微信开发者工具中注册私有页面用什么方法？
最新发布
10-11
在微信开发者工具中，注册私有页面主要是指创建自定义的页面路径，通常用于处理一些非公开或内部使用的功能。这里有一般的步骤： 1. **打开项目**：在微信开发者工具中，打开你的小程序项目。 2. **编辑pages结构**：在项目的`pages`目录下，新建一个或多个JavaScript文件，每个文件对应一个页面。比如，如果你想要创建一个名为`privatePage`的私有页面，可以创建`privatePage/index.js`文件。 3. **页面配置**：在相应的`.json`配置文件（如`privatePage.json`）里，添加页面的路径信息。例如： ``` { "path": "/privatePage", "component": "../privatePage/privatePage.wxml" } ``` 这里的`path`属性就是你在微信开发者工具里看到的页面地址。 4. **启用访问权限**：在`app.json`文件中，如果需要限制这个页面只能在特定场景下访问（如登录后），可以在`permission`字段中设置相应权限，如`scope.userInfo`。 5. **编译并预览**：保存更改，点击左上角的小齿轮图标编译项目，然后在右上角的预览选项卡中测试该私有页面。 注意，虽然这些页面对于用户来说不可见，但在微信开发者工具的调试模式下它们仍然会显示出来。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值