Environment 环境 | Info 信息 |
antd | 5.13.1 |
React | 18.2.0 |
System | Windows 10 |
Browser | chrome |
遇到的问题:
使用 antd 的 TimePicker 时间选择框运行的时候会报以下错误
原因:
按需加载插件的原因。
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),
然后运行你就会发现,非常完美!--------------------------------------结束。