uni-app 在最新的hBuilderX版本4.13.2024042321-alpha中 微信小程序标签编译出错

uni-app 在最新的hBuilderX版本4.13.2024042321-alpha中 微信小程序标签编译出错

示例代码:

<view class="page">  
    <span>ddddd</span>  
</view>

操作步骤:

  • 编辑到微信小程序

预期结果:

<label class="_span">ddddd</label>

实际结果:

<span>ddddd</span>

bug描述:

最新的HBuilderX版本4.13.2024042321-alpha,<span>标签编译到微信小程序变成了<span>标签(小程序没有span标签),正确的应该是<label class="_span">

项目信息
产品分类 uniapp/小程序/微信
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win10
HBuilderX类型 正式
HBuilderX版本号 4.13
第三方开发者工具版本号 Stable 1.06.2401020
基础库版本号 3.4.2
项目创建方式 HBuilderX


更多关于uni-app 在最新的hBuilderX版本4.13.2024042321-alpha中 微信小程序标签编译出错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

9 回复

感谢反馈,已确认 bug 并为你加分。你提到 微信小程序目前会忽略 span 表现的处理,不会处理为 label
技术分析 为了支持 skyline 支持 span 标签,忽略了在非 skyline 模式下使用 span 的情况
现已回退,后续判断 skyline 环境再做区分,下次发版生效。
如果你本地使用了较多 span 无法替换,可以尝试使用下面临时方案
临时解决方案 如果你使用 hbuilderx ,请找到安装目录,mac 系统在访达中选择展示包内容 Contents/HBuilderX/plugins/uniapp-cli-vite 如果你是 cli 找到对应的 node_modules
依次找到

vue2 node_modules/@dcloudio/uni-template-compiler/lib/mp.js 搜索 span 并注释
vue3 @dcloudio/uni-mp-weixin/dist/uni.compiler.js 搜索 span 并注释

如果仍有问题请和我沟通

更多关于uni-app 在最新的hBuilderX版本4.13.2024042321-alpha中 微信小程序标签编译出错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这么大的bug,不确认吗?

这么大的bug,不确认吗?

还不确认这个bug吗?最新的4.14.2024042905-alpha版,仍然存在,影响极大

还不确认这个bug吗?最新的4.14.2024042905-alpha版,仍然存在,影响极大

已确认问题是同步支持了微信新增的span标签(skyline)导致,下个版本会先移除对span标签的支持,后续编译器再考虑是否根据skyline相关配置信息进行区分。

HBuilderX 4.15.2024050802 已修复。

请问从微信浏览器中唤醒APP获取extinfo参数ios是加密状态,安卓没有问题,这个问题怎么解决啊

在最新的 HBuilderX 版本 4.13.2024042321-alpha 中,如果你遇到微信小程序标签编译出错的问题,可能是由于以下原因之一:

1. 编译器版本不兼容

  • 问题描述:HBuilderX 的更新可能引入了新的编译器或优化,导致与某些微信小程序标签不兼容。
  • 解决方法
    • 尝试回退到之前的稳定版本。
    • 检查是否有关于该问题的官方公告或更新日志,等待官方修复。

2. 微信小程序基础库版本问题

  • 问题描述:微信小程序的开发者工具和基础库版本可能与 HBuilderX 的最新版本不兼容。
  • 解决方法
    • 确保你的微信开发者工具是最新版本。
    • manifest.json 中,检查 mp-weixinlibVersion 配置,尝试使用更早的基础库版本。

3. 标签语法错误

  • 问题描述:某些标签的语法可能在新版本中被严格检查,导致编译失败。
  • 解决方法
    • 检查编译错误的具体提示,修正相关的标签语法。
    • 确保所有标签都符合微信小程序的规范。

4. 插件或依赖问题

  • 问题描述:项目中使用的某些插件或依赖可能尚未适配最新版本。
  • 解决方法
    • 检查是否有插件需要更新。
    • 尝试移除或替换可能导致问题的插件。

5. 编译配置问题

  • 问题描述:HBuilderX 的编译配置可能在新版本中有所变化。
  • 解决方法
    • 检查 vue.config.jsmanifest.json 中的编译配置,确保配置正确。
    • 尝试重置编译配置为默认值。

6. 官方已知问题

  • 问题描述:该问题可能是官方已知的 Bug。
  • 解决方法
    • 查看 HBuilderX 的官方论坛或 GitHub 仓库,确认是否有类似问题报告。
    • 如果问题已被确认,等待官方发布修复版本。

7. 临时解决方案

  • 问题描述:在官方修复之前,你可能需要临时解决方案。
  • 解决方法
    • 手动修改编译后的代码,绕过错误。
    • 使用条件编译,针对微信小程序进行特殊处理。

8. 反馈问题

  • 问题描述:如果你无法找到解决方案,可以向官方反馈问题。
  • 解决方法
    • 在 HBuilderX 的官方论坛或 GitHub 仓库提交问题报告,附上详细的错误信息和复现步骤。

示例:

如果你遇到类似以下的错误提示:

Error: [微信小程序] 标签 <view> 属性 'xxx' 无效

你可以尝试:

  1. 检查 view 标签的属性,确保符合微信小程序的规范。
  2. manifest.json 中,调整 mp-weixin 的配置,例如:
"mp-weixin": {
  "libVersion": "2.16.0"
}
回到顶部