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

最新推荐文章于 2026-04-15 10:10:12 发布
原创 最新推荐文章于 2026-04-15 10:10:12 发布 · 4.1k 阅读 · 6 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#微信小程序 #uniapp
作者在使用uniapp开发微信小程序时遇到页面变为空的问题，发现是微信开发者工具新版本的bug。解决办法是回滚到旧版本（1.06.2308300），并分享了WindowsX64版本下载链接。

最近遇到了一个奇怪的问题，使用的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
关注
解决微信开发工具更新后报错 [WXML 文件编译错误] undefined 的问题 亲测成功
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
11-21 3427
最近很多开发者在更新微信开发工具后遇到了一个问题：运行项目的时候突然报了个 [WXML 文件编译错误] undefined。下面我就用最简单的方式，带你把这个坑填上。微信开发工具在更新时可能修改了一些底层的逻辑或配置，但你的项目文件没跟上节奏，导致工具在处理。很多老项目对新版本不友好，换回老版本可能就正常了。报错有时候和依赖版本有关，特别是 node_modules 文件夹里的东西。简单来说，新工具跟旧项目有点“代沟”，所以打架了。工具的缓存问题也是高频原因之一。有时候是工具和项目配置不兼容的问题，比如。
微信开发者工具的云开发打不开，微信开发者工具云开发打开白屏解决方法
a_靖的博客
03-08 3716
简单的两个步骤解决微信开发者工具的云开发打不开，微信开发者工具云开发打开白屏的问题
解决微信开发者工具企业微信小程序模式下模拟器白屏问题
jilinmly的博客
09-11 3622
微信开发者工具，企业微信小程序模式下模拟器白屏
uniapp微信小程序支付真机调试白屏？这个配置项你可能忽略了
最新发布
weixin_26985923的博客
04-15 188
本文深度解析了Uniapp开发微信小程序支付功能时真机调试出现白屏的问题，指出关键配置项`lazyCodeLoading`的影响，并提供实战解决方案。通过详细解读配置原理和支付全流程实现，帮助开发者快速定位并解决支付功能中的常见问题，提升开发效率和用户体验。
小程序性能优化之——白屏解决方案
weixin_43801036的博客
05-17 4638
骨架屏是页面的一个空白版本（展示一个页面骨架而不含有实际的页面内容），通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。作用：给用户的感觉是数据正在紧张的加载，真实数据马上就可以呈现。从渲染效率上来讲，骨架屏它并不能使首屏渲染加快。由于骨架屏的一些使用又向用户渲染了额外的一些内容，这些内容是额外添加的、本来是不需要渲染的，它反而从整体上加长了首屏渲染的一个时长。但是骨架屏在这个页面白屏的时候，它给了用户及时的反馈，减缓了用户焦急等待的一个情绪。
微信开发者工具模拟器白屏
m0_64181447的博客
11-29 1953
不知道各位小伙伴们有没有遇到过这种情况，用 VScode 或 HBuilder 编写程序运行到微信开发者工具查看效果时出现下面这种白屏情况。废话不多说直接上解决办法🎊🎊。
小程序：微信开发者工具中页面一片空白怎么办？
我想我是海 冬天的大海 心情随风轻摆
08-04 7473
小程序：微信开发者工具中页面一片空白怎么办？
微信小程序-模拟器某些页面空白-引用 VantUI 后，页面空白
头发浓密的萌新的博客
03-09 1516
解决 微信小程序-模拟器某些页面空白-引用 VantUI 某些组件后，页面空白 的问题。
微信开发者工具中wxml标签内属性换行（解决对wxss效果影响）
weixin_45945406的博客
10-26 490
使用Prettier格式化微信小程序WXML时，由于WXML对空白符的解析特性，可能导致渲染差异。这是由于格式化产生的空白文本节点会影响WXSS样式表现。建议在.prettierrc配置文件中针对WXML文件设置特定规则，设置参数，以保留标签内文字的空格/换行逻辑，避免自动格式化影响渲染效果
HBuilder X运行到微信小程序之后页面显示空白的原因
a2697707646xsXS的博客
03-16 1550
HBuilder X运行到微信小程序之后页面显示空白
uni-app开发微信小程序：首页骨架屏
听海边涛声
09-18 2080
uni-app开发微信小程序：首页骨架屏
【已解决】微信小程序编译后白屏（The resource was preloaded using link preload but not used within a few seconds ...）
热门推荐
程序边界
06-24 1万+
事情发生在重装微信小程序开发者工具后。。。微信小程序编译后白屏，控制台报错： 二、解决 对比之前开发工具的设置，发现不知何时手残多打了一个勾：使用独立域进行调试 去掉后，正常了。。。白屏挺常见的，原因也是千奇百怪，此解决方法仅限此原因。。。...
解决微信开发者工具编译后模拟器白屏
R的博客
04-22 1899
解决微信开发者工具编译后模拟器白屏途径之一
微信开发者工具 云开发白屏
weixin_45413311的博客
03-09 1762
2024 微信小程序 云开发白屏
小程序运行到微信开发者工具切换页面白屏
Menqq的博客
11-30 1349
小程序运行到Chrom，页面展示正常，运行到微信开发者工具时切换页面白屏问题。
2022版本微信开发者工具引入less插件
weixin_45200312的博客
05-01 1838
拓展文件夹路径： C:\Users[电脑用户名称]\AppData\Local\微信开发者工具\User Data\1a695ca2de1a85735f93a43fb366c83f\Default\Editor\User\extensions
一个简单的微信小程序实例（代码）
专注企业级视频应用，企业视频直播、MR虚拟直播、教育培训连麦直播
01-22 4025
通过这个实例，你可以了解微信小程序的基本开发流程，包括页面结构、样式、逻辑处理以及简单的用户交互。希望这个实例能帮助你快速上手微信小程序开发！
微信小程序：解决报错SyntaxError: Invalid or unexpected token，SyntaxError:无效或意外的令牌（微信小程序调试编译/打包发布报错，页面白屏无法运行问题）
✅ 精选推荐文章
06-21 4108
微信小程序报错：SyntaxError: Invalid or unexpected token（已解决）捕获的查询无效或意外的标记，更新完小程序得代码后，某些页面就进不去了，控制台报错，小程序编译项目时报 SyntaxError: Invalid or unexpected token，突然就不行了报错，小程序编译报错，页面白屏报错，无效或意外的标记，提示错误，更新后报错，页面白屏或者启动了开发者工具但是不编译项目，数据格式错误，代码里的符号错了，多了、少了或是半角与全角的问题，标签没有闭合，使用了中文字
微信小程序学习之路 —— 大小比较器
dsy_01的博客
04-12 1778
新建项目 在创建空白目录后，项目目录中只有配置文件project.config.json。此时单击“+”创建app.json文件，并在该文件中编写如下代码来新增一个index页面 { "pages": [ "pages/index/index" ] } Ctrl+S保存并编译文件，开发者工具会自动创建pages/index目录，同时在该目录下创建index.js、ind...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值