NPM start 返回错误，“项目依赖树可能有问题”

Question

NPM start 返回错误，“项目依赖树可能有问题”

Ali*_*ice 22 javascript node.js npm reactjs webpack

我是编码新手，并且对为什么无法正确设置 React 有疑问。上周我很挣扎，然后终于成功了。但是现在我又遇到了同样的问题，但没有任何效果。

我有一个我开始的项目，npx create-react-app然后当我进入该项目时，我猜这个问题：

项目依赖树可能有问题。这可能不是 Create React App 中的错误，而是您需要在本地修复的问题。

Create React App 提供的 react-scripts 包需要一个依赖：

"webpack": "4.29.6"

不要尝试手动安装：您的包管理器会自动安装。但是，在树的更高位置检测到了不同版本的 webpack：

/Users/aliceparker/node_modules/webpack（版本：4.33.0）

众所周知，手动安装不兼容的版本会导致难以调试的问题。

如果您希望忽略此检查，请将 SKIP_PREFLIGHT_CHECK=true 添加到项目中的 .env 文件中。这将永久禁用此消息，但您可能会遇到其他问题。

要修复依赖树，请尝试按照以下确切顺序执行以下步骤：

删除项目文件夹中的 package-lock.json（不是 package.json！）和/或 yarn.lock。

删除项目文件夹中的 node_modules。

从项目文件夹中的 package.json 文件中的依赖项和/或 devDependencies 中删除“webpack”。

运行 npm install 或 yarn，具体取决于您使用的包管理器。

在大多数情况下，这应该足以解决问题。如果这没有帮助，您还可以尝试其他一些方法：

如果您使用 npm，请安装 yarn ( http://yarnpkg.com/ ) 并用它重复上述步骤。这可能会有所帮助，因为 npm 存在已知的包提升问题，这些问题可能会在未来版本中得到解决。

检查 /Users/aliceparker/node_modules/webpack 是否在您的项目目录之外。例如，您可能不小心在主文件夹中安装了某些东西。

尝试在您的项目文件夹中运行 npm ls webpack。这将告诉您安装了 webpack 的其他包（除了预期的 react-scripts）。

如果没有其他帮助，请将 SKIP_PREFLIGHT_CHECK=true 添加到项目中的 .env 文件中。如果您无论如何都想继续，这将永久禁用此预检检查。

PS 我们知道这条消息很长，但请阅读上面的步骤 :-) 我们希望它们对您有所帮助！

我已按照上述步骤操作。仍然得到问题。我还全局卸载了 webpack 并重新安装了它。

这是我的 package.json 文件的样子：

`{
  "name": "ravenous-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-scripts": "3.0.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}`

Run Code Online (Sandbox Code Playgroud)

任何人都可以指导我解决这个问题吗？（Ps。我只是尝试创建一个新项目，但遇到同样的问题......）