VS Code中安装@nivo/core等依赖失败，报EUNSUPPORTEDPROTOCOL错误

问题场景 #

执行以下npm安装命令时：

npm i @nivo/core @nivo/pie @nivo/bar @nivo/geo

或单独安装@nivo/core：

npm i @nivo/core

反复出现如下错误：

npm ERR! code EUNSUPPORTEDPROTOCOL
npm ERR! Unsupported URL Type "workspace:": workspace:*
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\DELL\AppData\Local\npm-cache_logs\2023-05-04T06_06_44_419Z-debug-0.log
npm ERR! C:\Users\DELL\AppData\Local\npm-cache_logs\2023-05-04T06_07_20_495Z-debug-0.log

解决方案 #

• 升级npm版本：workspace:是npm 7及以上版本才支持的工作区协议，低版本npm无法识别。先执行npm -v查看当前版本，若低于7，运行以下命令升级：

  npm install -g npm@latest
  

• 清理缓存并重装：若版本符合要求仍报错，大概率是缓存异常导致：

  1. 强制清理npm缓存：npm cache clean --force
  2. 删除项目根目录下的node_modules文件夹和package-lock.json文件
  3. 重新执行原安装命令

• 检查依赖配置：如果项目是monorepo结构，确认package.json中的工作区配置是否正确；非monorepo项目要避免在依赖中使用workspace:*格式，替换为具体的包版本号。

内容的提问来源于stack exchange，提问作者sangeeta shrivas