背景: 多人开发的协作环境。
开发环境:node使用nvm管理多版本,项目引入了
pro-components
报错原因: pro-components 组件库内很多依赖项 都引入了colorPicker 组件,但是老的引入方式为:
import colorPicker from react;
此引入依赖的方式在新版本不兼容。
问题排查:
- 首先是先在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的缓存 最后成功解决