hbuilderx 2.9.6 版本此问题已修复

vue3 在 4.61 修复
vue2 在 4.74 修复

HBuilderX 4.17 alpha 已修复。

更新：
发现支付宝小程序的事件名称和 uniapp 的大小写不一致，有平台差异，我做了调整，你可以通过下面方式测试验证。

解压我提供的附件，找到 HBuilderX 或者 node_modules 找到安装目录，/Applications/HBuilderX-Alpha.app/Contents/HBuilderX/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-mp-alipay/dist ，替换解压后的 dist 文件夹，里面是三个文件夹。

这个修改包含了，在支付宝小程序中把 @chooseavatar 编译为 chooseAvatar

---

对于 button 的属性，编译工具默认不做调整，你可以观察 button 的编译结合和原生编写是否有区别。

经过我实际测试，vue3 运行到支付宝小程序，button 设置 open-type="chooseAvatar" 可以正确运行，看你提供的源码还是原生写法

```html
<view>下面展示 button 获取用户头像</view>
<button class="avatar-wrapper" open-type="chooseAvatar" @chooseAvatar="onChooseAvatar">
<image class="avatar" :src="avatarUrl"></image>
</button>
<view> 自动 推荐 nickname</view>
<input type="nickname" placeholder="请输入昵称" v-model='nickName' />

<script>
export default {
data() {
return {
avatarUrl: '',
nickName:''
}
},
methods:{
onChooseAvatar(e) {
const {
avatarUrl
} = e.detail;
console.log('选择头像',avatarUrl);
this.avatarUrl = avatarUrl
}
}
}
```

已确认是内置图片库fresco 集成了SoLoader，fresco 是facebook的一个开源图片解析引擎，应该是最近google更新的检测机制发现了该风险。
此问题已与2024年8月30日凌晨2点更新云端打包机修复，请更新到HBuilderX4.24或以上版本，重新提交云端打包即可。

离线SDK：app的build.gradle中dependencies节点 手动添加 implementation "com.facebook.soloader:soloader:0.10.5" 仓储即可

背景：
vue2使用的scss编译器是node-sass。但该编译器其官方已经不维护了。且不支持arm cpu。
从vue3起，使用的是官方主推的dart-sass。dart-sass语法和node-sass有一些区别，比如深度选择器。
如果使用node-sass的专用语法，在dart-sass上会无法编译。

HBuilderX在mac上arm版（即m系列cpu专版），因为只有dart-sass可用，所以无法支持node-sass的专用语法库，vue2的开发者如果一定要使用node-sass，需要在mac上改用Intel版。

## HBuilderX 非 Mac Arm 版本的编译报错问题。
解决方案：
方案1. 修改已经废弃的node-sass写法。比如：将深度选择器 /deep/ 调整为 ::v-deep，详情：[https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor](https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor)
方案2. 如果您希望继续使用node-sass，确保 HBuilderX 已经升级到 4.56+， 然后在manifest.json根节点配置: "sassImplementationName": "node-sass"，详情：[https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor](https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor)

官方推荐使用方案1。HBuilderX最新版4.56+，默认是dart-sass，只是可以在manifest里额外配置使用node-sass。
统一为dart-sass，有利于多人协作和插件市场生态发展。不然有人用node-sass、有人用dart-sass会造成很多混乱。

## 使用的是HBuilderX Mac Arm 版本

建议参考上述方案1，修改已废弃的语法以支持dart-sass。
如果您仍希望继续使用node-sass，需要更换为 HBuilderX Mac Intel 版本（4.56+），下载地址：https://www.dcloud.io/hbuilderx.html。然后参考上述方案2，在manifest.json中配置"sassImplementationName": "node-sass"


这个问题仅在vue2上出现，我们仍然推荐开发者尽可能的升级vue3和dart-sass

问题已确认，与设备中webkit内核版本有关联，调用了不支持的API导致。
HBuilderX4.56版本已更新云端打包机解决此问题，遇到此问题的开发者可以重新提交云端打包修复。
真机运行使用标准基座真机运行需要等待下次发版修复，暂时可以重新生成自定义基座来避免此问题。

HBuilderX 4.62.2025041603-alpha 已修复。

HBuilderX 4.65.2025051206 已修复。

**更新**

4.71.2025061206-alpha 已修复此问题

----

感谢反馈，这个是已知问题，会于近期修复

临时解决方案

可以把这个 /Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/uni-app-plus/dist/view.umd.min.js 文件替换成附件文件

HBuilderX 4.65.2025051206 已修复。

4.74 - alpha 已修复

下面是过时内容
-----------

已能够复现问题，现提供临时的解决方案：

将下面的 dist 文件夹替换到hbuilderx的对应位置，替换后重新运行应用

/Applications/HBuilderX-Alpha.app/Contents/HBuilderX/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-app-plus/dist

windows的路径类似