React项目执行npm i axios安装axios报E404错误如何解决

在React项目中执行npm i axios命令安装axios依赖时触发E404报错，先后尝试重新安装全量项目依赖、卸载axios后重新执行安装操作，均无法解决问题，查看运行生成的debug日志，记录的错误信息与终端输出完全一致，终端报错内容如下：

C:\Users\Mary\star-wars>npm i axios
npm ERR! code E404
npm ERR! 404 Not Found - GET https://skimdb.npmjs.com/registry/axios/-/axios-0.27.2.tgz - not_found
npm ERR! 404
npm ERR! 404  'axios@https://skimdb.npmjs.com/registry/axios/-/axios-0.27.2.tgz' is not in this registry.
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Mary\AppData\Local\npm-cache_logs\2022-07-07T14_23_38_747Z-debug-0.log

报错指向的skimdb.npmjs.com是早已停止维护的废弃npm镜像地址，本地npm配置的包拉取源指向了这个失效地址，无论重复多少次安装操作，都会从这个不存在的地址拉取包，自然会返回404找不到资源的错误，和axios包本身、项目依赖配置没有关系。

按顺序执行以下操作即可解决问题：

• 先验证当前npm源配置，执行命令查看当前生效的源地址：
  npm config get registry
  如果输出结果为https://skimdb.npmjs.com/registry/，即可确认是源配置错误导致的问题。
• 替换为可用的包管理源，二选一即可：
  官方源：npm config set registry https://registry.npmjs.org/
  国内镜像源（访问速度更快）：npm config set registry https://registry.npmmirror.com/
• 清除本地npm旧缓存，避免错误缓存干扰安装：
  npm cache clean --force
• 回到项目根目录，重新执行axios安装命令：
  npm i axios

如果执行完以上操作仍然报错，打开项目根目录下的.npmrc文件，检查是否有单独配置的失效registry字段，将对应错误配置删除后再重试安装即可。

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