启动 React 项目时出现“找不到模块”错误 | webpack-dev-server 错误

Question

每当我在本地计算机上运行

npm start

或

yarn start

时，我都会遇到一致的“找不到模块”错误。 每次我在本地计算机上创建新项目时都会出现此错误，但当我从 GitHub 克隆项目时，不会遇到此错误。

这是我收到的确切错误，任何解决方案都会很棒。

Failed to compile.

Module not found: Error: Can't resolve 'E:\REACT PROJECT\clone\node_modules\webpack-dev-server\client\index.js?protocol=ws%3A&hostname=0.0.0.0&port=3000&pathname=%2Fws&logging=none&overlay=%7B%22errors%22%3Atrue%2C%22warnings%22%3Afalse%7D&reconnect=10&hot=true&live-reload=true' in 'E:\REACT PROJECT\clone'
ERROR in Module not found: Error: Can't resolve 'E:\REACT PROJECT\clone\node_modules\webpack-dev-server\client\index.js?protocol=ws%3A&hostname=0.0.0.0&port=3000&pathname=%2Fws&logging=none&overlay=%7B%22errors%22%3Atrue%2C%22warnings%22%3Afalse%7D&reconnect=10&hot=true&live-reload=true' in 'E:\REACT PROJECT\clone'

webpack compiled with 1 error

package.json 文件

{
  "name": "linkedin-clone",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@reduxjs/toolkit": "^1.9.7",
    "@testing-library/jest-dom": "^5.17.0",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^14.5.1",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-redux": "^8.1.3",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

我已经多次尝试这些故障排除步骤，但没有结果，

• 重新安装 Node.js 和 npm/Yarn。
• 通过删除node_modules和package-lock.json来清理项目文件夹。
• 验证项目结构和配置是否正确。
• 也尝试使用

  npm install -g npm

  ，但错误没有解决。

Answer 1

运行以下命令：

npm install -g --force

在您想要确保安装或更新全局包（无论潜在冲突或问题如何）的情况下，使用 --force 会很有帮助。但是，应谨慎使用它，因为它可能会覆盖或干扰现有包或导致系统出现意外行为。

谨慎使用 --force 是一个很好的做法，并且仅当您有特定原因时才这样做，例如解决特定包的问题。强制重新安装软件包（尤其是全局软件包）时务必小心，因为这可能会产生意想不到的后果。