antd pro 升级 antd4.0

  "ant-design-pro"的项目，版本是2.1.1 ，由于4.0pro页面结构大变，不可能完全删除弃用的icon，反正我不会改了，

这里只是把antd的版本升级，就是UI的组件升级  。开始升级，

 

第一步修改以下依赖

 "dependencies": {
    "@ant-design/compatible": "^1.0.0",    //兼容3.0，form和icon组件
    "antd": "^4.0.0",
    "react-dom": "^16.9.0",
    "react": "^16.9.0",

}

第二步，自动把3.0的语法改成4.0的，主要是通过@ant-design/compatible兼容

1 通过 npx 直接运行 npx -p @ant-design/codemod-v4 antd4-codemod src

2 或者全局安装 # 使用 npm npm i -g @ant-design/codemod-v4 # 或者使用 yarn yarn global add @ant-design/codemod-v4 #

运行 antd4-codemod src

 

运行 antd4-codemod src 可能会有错误，“Sorry that there are still some git changes”，解决方法先1.运行git init       2.在.gitignore里面加入  /*   ，用来忽略所有文件。这样就可以运行命令了，然后删除刚才init的 .git文件夹

 

第三步， 修改上面命令的报错，完成