引入pro-components运行项目时报错

背景: 多人开发的协作环境。

开发环境：node使用nvm管理多版本，项目引入了pro-components

报错原因： pro-components 组件库内很多依赖项 都引入了colorPicker 组件，但是老的引入方式为：

import colorPicker from react;
此引入依赖的方式在新版本不兼容。

问题排查：

1. 首先是先在node_modules 内找报错路径内的colorPicker 的引入方式 如果是错的。这里我们切换node版本为18 删除node_modules重新安装。

这里在执行了第1步之后 发现重新安装的node_modules 报错路径变为了node_modules/@ant-design/pro-list 内的 @ant-design/pro-field 的colorPicker 依赖引入报错。

重新删除package-lock.json和 node_modules 之后 在package.json内指定依赖版本重新安装

发现还是不行。

最后怀疑是npm版本的问题 我用的是6.x的版本 而其他同事用的是10.x
使用 npm install npm@10.x -g 更新为指定版本npm
在 npm i 之前使用

npm cache clean --force

清除了一下npm的缓存 最后成功解决