antd-mobile 移动端UI库使用 Form 表单以及Input 输入框显示没有导出项

在使用antd-mobile时遇到Form和Input组件无法导入的问题,经过排查发现并非拼写错误,而是版本不匹配。通过查看官方文档,发现实际安装的版本与所需版本不符。解决方法是删除package-lock.json中相关条目,并指定版本进行安装,问题得到解决。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

        今天用antd-mobile 见鬼了, 竟然显示没有Form和Input! 其他的组件都没问题, 还有个button上的type属性报错.

        第一反应便是仔细查看单词是否写错, 反反复复在官网上对比, 完全是一致的, 然后去百度, 有人也遇到和我一样的问题:

 我就试试用了一下这个方法, 去下了个rc-form, 发现明明下了这个插件却说在nodemodules里面根本没有这个东西.又给我整不会了

 正当我抓耳挠腮之际, 突然想到会不会是版本问题(虽然我反反复复用 npm i 和 npm uni 命令卸载重装过, 但是package.json文件里面的版本好像没有动.)然后我去官网查看了一下版本,果然对不上号! 马上下了指定版本:

npm i antd-mobile@5.0.0-rc.0

 果然有效, 一切都平静了. 不过目前还没明白为什么卸载重装的版本不是最新版.

过了一会想起来安包时好像有些不对劲:

这个package-lock.json文件原来是个祸根, 所以以后遇到这类比较奇怪的有关第三方包的问题, 可以考虑先去package.json用Ctrl+f 找 问题包名, 把它删掉, 再npm uni 然后 npm i  指定版本包, 大概率有效

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值