将微信开发者工具中生成的骨架屏相关代码复制至uniapp项目中使用即可
1***@qq.com
- 发布：2025-04-10 16:49
- 更新：2025-04-14 20:14
- 阅读：1628
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10
HBuilderX类型： 正式
HBuilderX版本号： 4.57
第三方开发者工具版本号： 微信开发者工具 RC 1.06.2503281
基础库版本号： 3.0.0-alpha-4060120250403001
项目创建方式： HBuilderX
操作步骤：
预期结果：
已上传附件截图
已上传附件截图
实际结果：
已上传附件截图
已上传附件截图
bug描述：
Uniapp Vue3 在微信小程序平台打包后骨架屏显示异常
1、背景描述
我在测试环境中使用微信开发者工具生成的骨架屏在微信开发者工具及打包后的开发版微信小程序上显示正常，但是当我使用 HBuilderX 上面的发行中选中微信小程序打包后，再通过微信开发者工具打开后发现骨架屏显示异常。后续发现改问题无论是在测试环境还是打包后的H5平台、安卓平台上都会出现异常。
2、问题截图（已通过附件上传）
3、尝试解决（均无效）
（1）我最初推测可能是打包后样式被压缩了，但是当我取消微信小程序中的所有打包配置相关压缩优化选项后均无果。
（2）尝试使用命令行打包：yarn run build:mp-weixin 再通过微信开发者工具打开。无效。
