【报错记录】pnpm install报WARN GET xxx error (ERR_INVALID_THIS). Will retry in 10 seconds. 2 retries left.

前言

项目背景是这样的，我换了台新电脑，node、pnpm全部都是新装的，vue-element-plus-admin项目使用pnpm执行pnpm install报错了，内容为：

$ pnpm install
 WARN  GET https://registry.npmmirror.com/@commitlint%2Fcli error (ERR_INVALID_THIS). Will retry in 10 seconds. 2 retries left.
 WARN  GET https://registry.npmmirror.com/@commitlint%2Fconfig-conventional error (ERR_INVALID_THIS). Will retry in 10 seconds. 2 retries left.
 WARN  GET https://registry.npmmirror.com/@intlify%2Funplugin-vue-i18n error (ERR_INVALID_THIS). Will retry in 10 seconds. 2 retries left.
 WARN  GET https://registry.npmmirror.com/@iconify%2Fjson error (ERR_INVALID_THIS). Will retry in 10 seconds. 2 retries left.
 WARN  GET https://registry.npmmirror.com/@types%2Flodash-es error (ERR_INVALID_THIS). Will retry in 10 seconds. 2 retries left.

中间省略大段报错信息……

 ERR_PNPM_META_FETCH_FAIL  GET https://registry.npmmirror.com/@commitlint%2Fcli: Value of "this" must be of type URLSearchParams

This error happened while installing a direct dependency of C:\Project\1_MyProject\vue-element-plus-admin

原始截图： 

 

解决过程

看一下我的解决过程，可能对大家有所帮助，但是这些解决方法对我这个项目来说都不起作用……

切换源

切换源，这是我第一个想到的

pnpm config set registry https://registry.npmmirror.com

很明显没用，还是一样的报错

清除pnpm缓存

pnpm store prune

清除缓存还报错了，很明显也没用

清除node_modules和pnpm-lock.yaml

rm -rf node_modules
rm pnpm-lock.yaml

删了，重新pnpm i，还是一样的报错

使用npm安装依赖

如上图所示，npm也报错了，搞得我相当无语……

最终解决

问了一下前端同事，他说你装的node和pnpm版本是什么。我说新电脑肯定装的最新的node版本咯，前端同事说大概就是这个原因导致的，node版本太新了，不适配pnpm版本导致的。

能运行的旧电脑node和pnpm版本如下：

我新电脑的node和pnpm版本如下：

问题显而易见了，要么就是node版本太高，要么就是pnpm版本太低。

提升pnpm版本：

npm i -g pnpm@9.12.1

再次pnpm i

问题解决了，就是因为pnpm版本太低导致的。然后我看了一下vue-element-plus-admin的package.json，里面的pnpm版本确实比较低，难怪坏了。

前端同事叫我把这个项目里的变动版本号全部写死，这样能够彻底解决问题

结语

没想到这么一个pnpm的版本问题折腾了我这么久，项目里最好将版本号写死，防止因为新的版本不兼容老版本导致各种莫名其妙的报错！