HBuilderX 3.7.0.20230118-alpha 已修复。

HBuilderX 4.02.2024030621-alpha 已修复。

HBuilderX 4.54.2025030608-alpha 已修复。

HBuilderX 4.61.2025040322-alpha 已修复。

HBuilderX 4.61.2025040322-alpha 已修复。

如何在 uniapp 中使用微信小程序原生 UI 库，比如 ant-design-mini/weui?

原生UI 库是指只适配原生小程序写法的 UI 库，在 uniapp 中需要做简单调整，详情可以参考 ant design 提供的 [使用说明](https://mini.ant.design/guide/using-uni-app)

这里举例 uni-app如何接入 weui：
1. 在 uniapp 中创建 `wxcmoponents` 文件夹，表示内部为原生组件
2. `cd wxcomponets && npm init -y && npm i weui-miniprogram` 安装 UI 库，在微信小程序工具里 “工具”菜单 --> “构建 npm”
3. 复制 `weui-miniprogram/weui-wxss/dist/style/weui.wxss` 到项目 style 目录，并改名为 weui.css，在 app.vue 或者 main.js 中导入，这个是 weui 全局样式
4. 在使用 weui 组件库的页面引入，参考下面 pages.json，下面代码表示在微信里引入了 ant-button 和 mp-dialog

```
"pages": [{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"usingComponents": {
// #ifdef MP-WEIXIN
"ant-button": "/wxcomponents/miniprogram_npm/antd-mini/Button/index",
"mp-dialog": "/wxcomponents/miniprogram_npm/weui-miniprogram/dialog/dialog"
// #endif
}
}
},
```

5. 在页面中就可以正常使用 ant-design/weui 组件了

```
<template>
<view>
<view>123</view>
<ant-button type="default" danger icon="ForbidFill">带图标按钮</ant-button>

<mp-dialog title="test" :show="true" @buttontap="tapDialogButton" :buttons="buttons">
<view>test content</view>
</mp-dialog>
</view>
</template>

<script>
export default{
data(){
return {
buttons: [{text: '取消'}, {text: '确认'}]
}
},
methods:{
tapDialogButton(){
console.log('tap');
}
}
}
</script>
```

效果图如下：

** 插入的附件 **


参考 [weui 使用说明](https://wechat-miniprogram.github.io/weui/docs/quickstart.html#%E4%BD%BF%E7%94%A8%E4%B9%8B%E5%89%8D)

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

HBuilderX 4.61.2025040322-alpha 已修复。

HBuilderX 4.61.2025040322-alpha 已修复。

HBuilderX 4.62.2025041603-alpha 已修复。

HBuilderX 4.62.2025041603-alpha 已修复。

HBuilderX 4.62.2025041603-alpha 已修复。