Module not found: Can‘t resolve ‘antd/es/time-picker/style‘ in ‘xxxxxx自己项目的文件‘

Environment 环境Info 信息
antd5.13.1
React18.2.0
SystemWindows 10
Browserchrome

遇到的问题:

使用 antdTimePicker 时间选择框运行的时候会报以下错误

原因:

按需加载插件的原因。

antd5.0之后,弃用 less,采用 CSS-in-JS。底层使用 @ant-design/cssinjs 作为解决方案。

antd5.0之后,产物中不再包含 css 文件。    

以及:

等吧啦吧啦,菜菜我总结不来了,具体请看: https://ant-design.antgroup.com/docs/react/migration-v5-cn

解决方法:

方法一(推荐):

① 进入项目删除  babel-plugin-import 插件。 命令: npm uninstall babel-plugin-import

② 删除重写的webpack配置项。(因项目而异,我这个项目有这个 config-overrides.js 文件)

 config-overrides.js 文件:

然后再运行就没问题啦!

如果第二步没有这个文件或方法可以直接试着运行看看,说不定就能成了。

不行的话就看上面原因里 移除 babel-plugin-import 的图片里的步骤吧。(再不行我也不会了,你换个方法吧,换我的第二个方法。)

方法二(对antd版本没有要求的可用):

由于  antd5.0  之后,产物中不再包含 css 文件。 

但!!!你可以把  antd  的版本 换成5.0之前的呀!

 node_modules/antd/es/time-picker:

比如换成 4.24.7版本的

(我知道有很多像我一样的菜菜,命令拿去不谢:npm install antd@4.24.7 --save),

然后运行你就会发现,非常完美!--------------------------------------结束。

 

  • 8
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值