微信小程序 Input

[laboratory9173]

组件

"ant-input": "antd-mini/Input/index"

基础库版本

• 1.x
• 2.x

设备机型

手机系统

• iOS
• Android
• HarmonyOS

APP

微信小程序

组件库版本

3.4.1

预期行为

应当是正常使用 input

复现步骤

1. 修改XX.json 引入
   "usingComponents": {
   "ant-input": "antd-mini/Input/index"
   }
2. 编译随即报错
3. 发现经过微信工具生成的 miniprogram_npm/antd-mini/Input/index.wxml

  <view class="ant-input-prefix">
    <slot name="prefix">{{prefix}}</slot>
  </view>

  <view class="ant-input-suffix">
    <slot name="suffix">{{suffix}}</slot>
  </view>

{{prefix}} 是非法的 WXML 语法，微信小程序不支持。

报错如下

Error: Failed to compile WXML files:

- /miniprogram_npm/antd-mini/Input/index.wxml:10:24-10:34: Error: child nodes are not allowed for this element
- /miniprogram_npm/antd-mini/Input/index.wxml:56:24-56:34: Error: child nodes are not allowed for this element
- WXS compile error at /miniprogram_npm/antd-mini/Input/index.wxml: Template error: no template "miniprogram_npm/antd-mini/Input/index" found(env: Windows,mp,1.06.2504030; lib: 3.10.0)

复现 demo

无

[dosubot]

Hi @laboratory9173! I'm Dosu and I’m helping the ant-design-mini team.

你遇到的编译报错是因为 ant-design-mini 的 Input 组件模板里用了 <slot name="prefix">{{prefix}}</slot> 这种写法，但微信小程序的 WXML 不支持 slot 标签里有子节点（比如默认内容或变量），只能写成 <slot name="prefix"></slot>，否则会直接报语法错误 详见官方文档说明。

目前 ant-design-mini 没有针对微信平台自动处理 slot 默认内容的方案，代码里 prefix/suffix slot 的实现没有做平台区分 源码参考。所以在微信小程序里，只要组件模板里 slot 标签有内容，就会编译失败。

没有官方 workaround。如果只是用基础输入框功能，建议用微信原生 input 或手动修改 node_modules 里的组件模板，把 <slot name="prefix">{{prefix}}</slot> 改成 <slot name="prefix"></slot>，但这种方式不稳定，升级后会被覆盖。

如果需要 prefix/suffix 功能，建议关注 ant-design-mini 后续是否有平台兼容性修复，或者只用原生 input 组件实现相关 UI。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}