“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到dependencies

之后，运行npm install或者yarn install如果您使用的是纱线

您的 devDependency 是构建项目时使用的依赖项。它们不会出现在您的项目制作中。当有人在浏览器中打开网站时，devDependency 的代码不在其中

当你安装一个包时

• 使用npm install会将包package.json作为dependency
• 使用npm install --save-dev会将包 package.json作为devDependency