antd v3->v4 升级踩坑记录

152 阅读1分钟

官方[@ant-design/codemod-v4]工具使用过成功报错:

#全局安装
npm i -g @ant-design/codemod-v4

#运行
antd4-codemod src

运行命令之后 undefined ,然后控制台 乱码报错

原因:colors依赖包里有无限循环

解决方案:

# 执行以下命令找到 全局安装的node_modules 文件夹
npm root -g

#2. 根据返回的全局安装路径,通r进入npm 全局安装文件夹,命令行打开,执行 

cd /Users/xiangzhongye/.nvm/versions/node/v14.20.0/lib/node_modules/npm

#3.命令行进入npm 安装文件夹后执行 npm ls colors
npm ls colors

#3. 找到依赖包里的colors,查看版本是否 大于1.4.0

#4. 如下:找到 karma@4.4.1 的package.json 文件, 修改依赖的colors 版本为1.4.0

#5. 到外层npm安装路径位置:执行npm i,更新版本锁定依赖

#6. 重新再项目下执行 

antd4-codemod src

1.全局安装路径:

1697617357164.jpg 2.通过finder进入文件夹并进入: finder打开: image.png 命令行进入文件夹 image.png

3.执行 npm ls colors 找到哪个安装包里在使用:

image.png 4.

image.png