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

Ram*_*Ram 3 node.js npm reactjs

我在我的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"
  }
}
Run Code Online (Sandbox Code Playgroud)

  1. 当我运行npm install时,预安装脚本将运行,并且它将安装 browserslist 软件包版本,之后我尝试使用npmaudit命令检查可用漏洞列表,并得到 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构建命令视图

过去两周我对此做了很多研究,但一点运气都没有。在此之后我肯定错过了一些东西。如果有人能在这方面帮助我,那就太好了,我将非常感激。

小智 5

在你的终端中运行:

npm i browserslist
Run Code Online (Sandbox Code Playgroud)