Ant Design 3.x 升级到4.0的过程

1、执行npm i -g @ant-design/codemod-v4 全局安装
2、这是代码会有改动,git status 查看代码状态
在这里插入图片描述
3、git commit 本地合并
4、antd4-codemod src (会把你现在所有组件不支持antd4.0的自动改为支持antd4.0
如果中途报错了,可以根据错误修改,然后再运行antd4-codemod src,反复操作一直提示无错误)
第一次执行完成如下图
在这里插入图片描述
有五处需要手动修改的,按照去修改
5、安装compatible npm i @ant-design/compatible
6、然后按提示修改package.json里 的版本
7、git add . 添加 git commit 本地合并
8、继续执行 antd4-codemod src
执行结果,显示检查通过,表示升级完成
在这里插入图片描述
9、运行 npm run start 可以编写4.0版本的代码了

猜你喜欢

转载自blog.csdn.net/m0_49016709/article/details/125045824