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

Question

我跑了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

Answer 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",
    ...
  },
}

通过从 devDependencies 移动 prop-types至 dependencies在此之后，运行 npm install或 yarn install如果你使用 yarn

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

当你安装一个包时，如果你只是使用 npm install它会将包裹放入您的 package.json作为 dependency .如果您使用 npm install --save-dev它会将包裹放入您的 package.json作为 devDependency