'prop-types' 应该列在项目的依赖项中，而不是 devDependencies答案

【问题标题】：'prop-types' should be listed in the project's dependencies, not devDependencies'prop-types' 应该列在项目的依赖项中，而不是 devDependencies
【发布时间】：2021-11-13 17:49:47
【问题描述】：

我跑了npm install prop-types --save-dev 并开始出现此错误

'prop-types' should be listed in the project's dependencies, not devDependencies import/no-extraneous-dependencies

后来我通过运行npm uninstall prop-types --save-dev 卸载了依赖项并通过运行npm install prop-types --save 再次安装

错误仍然没有消失

'prop-types' should be listed in the project's dependencies. Run 'npm i -S prop-types' to add it import/no-extraneous-dependencies

【问题讨论】：

转到您的 package.json，并将 prop-types 从 devDependencies 移动到依赖项
保存到常规依赖，而不是开发依赖。
重启控制台后还是不行
—save-dev 保存到开发依赖项，只需使用 —save 或完全避免该标志，因为 —save 是默认行为

标签： javascript reactjs react-proptypes

【解决方案1】：

你的 package.json 看起来像

{
  "name": "your-website",
  ...
  "dependencies": {
    "react": "^16.10.2",
    "react-dom": "^16.10.2",
    "webpack": "^4.44.1",
    ...

  },
  "devDependencies": {
    "prop-types": "^15.7.2",
    "@types/node": "^14.0.18",
    ...
  },
}

让它看起来像

{
  "name": "your-website",
  ...
  "dependencies": {
    "react": "^16.10.2",
    "react-dom": "^16.10.2",
    "webpack": "^4.44.1",
    "prop-types": "^15.7.2",
    ...

  },
  "devDependencies": {
    "@types/node": "^14.0.18",
    ...
  },
}

通过将 prop-types 从 devDependencies 移动到 dependencies

在此之后，运行 npm install 或 yarn install（如果您使用的是 yarn）

您的 devDependencies 是在构建项目时使用的那些。它们不存在于您的项目的生产中。当有人在浏览器中打开网站时，devDependencies 的代码不在其中

当你安装一个包时，如果你只使用npm install，它将把包放在你的package.json中作为dependency。如果你使用npm install --save-dev，它将把包放在你的package.json中作为devDependency

【讨论】：

即使从 dev-deps 移动到依赖项后，错误仍然存在
@RahulYadav 你跑了npm install?
@RahulYadav 你可以尝试删除你的 node_modules 文件夹，或者运行npm clean，这就是我的全部技巧
@RahulYadav 谢谢你，在帮助我之后删除 node_modules 并运行npm install

【解决方案2】：

你应该执行这个命令： rm -rfd ./node_modules 删除 node_modules 目录，然后像这样手动更改 package.json：

  "dependencies": {
    ...
    "prop-types": <YOUR_VERSION>,
  },
  "devDependencies": {
    ...
  },

最后，如果您使用的是 yarn，请运行 npm i 或 yarn。

【讨论】：