'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再次安装

错误仍然没有 go

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

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

之后，运行npm install或yarn install如果你正在使用 yarn

---

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

---

When you install a package, if you just use npm install it will put the package in your package.json as a dependency . 如果您使用npm install --save-dev它会将devDependency放入您的package.json

Answer 2

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

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

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