当我重新启动 React Project 时，它不断抛出奇怪的问题答案

【问题标题】：React Project keeps throwing weird issues when I restart it当我重新启动 React Project 时，它不断抛出奇怪的问题
【发布时间】：2021-04-21 05:12:01
【问题描述】：

我正在尝试学习这个全栈 React 教程： https://www.youtube.com/watch?v=RDV3Z1KCBvo&t=2579s&ab_channel=CleverProgrammer

我还没有走多远，因为每次我关闭笔记本电脑并再次打开项目时，npm start 都会抛出一个奇怪的错误。我从头开始重新启动整个项目，因为它不断抛出关于 semver 模块被搞砸的错误。现在它抛出了一个类似的错误：

internal/modules/cjs/loader.js:311
      throw err;
      ^

Error: Cannot find module '/Users/jaredb96/Documents/Projects/ReactProjects/amazon-clone/node_modules/webpack-manifest-plugin/index.js'. Please verify that the package.json has a valid "main" entry
    at tryPackage (internal/modules/cjs/loader.js:303:19)
    at Function.Module._findPath (internal/modules/cjs/loader.js:516:18)
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:867:27)
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at Object.<anonymous> (/Users/jaredb96/Documents/Projects/ReactProjects/amazon-clone/node_modules/react-scripts/config/webpack.config.js:23:24)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32) {
  code: 'MODULE_NOT_FOUND',
  path: '/Users/jaredb96/Documents/Projects/ReactProjects/amazon-clone/node_modules/webpack-manifest-plugin/package.json',
  requestPath: 'webpack-manifest-plugin'
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! amazon-clone@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the amazon-clone@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

所以这一次，问题不是 semver，而是 webpack。我不知道该怎么办，我一直在重新安装 node 和 npm 无济于事。我有另一个以类似方式开始的项目，但 npm start 可以完美地运行它，即使在关闭之后也是如此。

这是我的 package.json

{
  "name": "amazon-clone",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^4.11.2",
    "@material-ui/icons": "^4.11.2",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-scripts": "4.0.1",
    "web-vitals": "^0.2.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"
    ]
  }
}

【问题讨论】：

如果你删除节点模块然后再次执行 npm install 怎么样？
你能分享你的 package.json 吗？
刚刚发布！
尝试将"main": "index.js" 作为属性添加到您的package.json 对象中-我相信这就是错误告诉您要做的事情。由npm init 初始化的package.json 通常会默认创建一个。
删除您的 package-lock.json 然后重新安装可能会有所帮助 - 有时这会失控并可能导致依赖关系树损坏。

标签： javascript node.js reactjs npm react-fullstack

【解决方案1】：

正确的做法是删除我的 package-lock.json，删除 node_modules，运行 npm cache clean --force 然后运行 npm install。从 cmets 获得了部分解决方案，部分来自这里： error: This is probably not a problem with npm. There is likely additional logging output above

【讨论】：