错误：运行 npm run build 时找不到模块“browserslist”

Question

我在我的 react 项目中使用最新版本的 react-scripts npm 包，即 4.0.3，它的一个名为 browserslist 的依赖包存在漏洞，我试图通过在我的 package.json 文件中的分辨率部分。我尝试在预安装命令 npx npm-force-resolutions 的帮助下覆盖软件包版本，它将安装我们在分辨率下指定的版本。 我的 package.json 文件将是

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "react-scripts start",
    "preinstall": "npx npm-force-resolutions",
    "build": "react-scripts build"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "react-scripts": "^4.0.3"
  },
  "resolutions": {
    "browserslist": "4.16.6"
  }
}

1. 当我运行 npm install 时，预安装脚本将运行并安装 browserslist 软件包版本，之后我尝试使用 npm audit 命令检查可用漏洞列表我有 0 个漏洞。 参考https://i.stack.imgur.com/cp1Sf.png安装命令视图。 参考https://i.stack.imgur.com/8dLJz.png审计命令查看

2. 之后我尝试运行 npm run build 命令，它会从我的 package.json 文件中获取构建脚本。构建失败并出现以下错误。 参考https://i.stack.imgur.com/Lt3OE.png构建命令视图

我在过去 2 周内对此进行了大量研究，但完全没有运气。在此之后我肯定会错过一些东西。如果有人能在这方面帮助我，那就太好了，我们将不胜感激。

Answer 1

在终端中运行：

npm i browserslist

Answer 2

删除你的 nodemodules 文件夹和 package.lock.json 文件并运行 npm install。