如何使用react-card-flip解决npm依赖？

Question

你知道如何解决这个错误吗？我在尝试npm install的时候就明白了

npm错误！发现: react@16.14.0 npm错误！node_modules/react npm错误！来自根项目npm错误的react@"^16.14.0“！npm错误！无法解析依赖关系: npm错误！来自react-card-flip@1.1.0 npm错误的同级react@"^17.0.1“！node_modules/react-card-flip npm错误！react-card-flip@"^1.0.11“来自根项目

package.json有："react-card-flip"："^1.0.11"，

我删除了node_modules目录和package-lock.json文件。

我不确定1.1.0的引用是从哪里来的。在尝试升级React 17时，我确实尝试过安装它，但遇到了blueprintjs/core 3.39.0要求React 16.14.0的限制。

感谢您能提供的任何想法或帮助。

下面的package.json的完整内容，以防万一。

package.json内容：

​

{
  "files": [
    "./LICENSE.md"
  ],
  "name": "myproject",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@blueprintjs/core": "^3.39.0",
    "@ckeditor/ckeditor5-build-classic": "^12.2.0",
    "@ckeditor/ckeditor5-react": "^1.1.3",
    "apexcharts": "^3.19.3",
    "axios": "^0.21.1",
    "bootstrap": "^3.4.1",
    "cleave.js": "^1.5.2",
    "country-state-city": "^1.0.0",
    "fomantic-ui": "^2.8.7",
    "moment": "^2.24.0",
    "plaid": "^8.1.6",
    "react": "^16.14.0",
    "react-apexcharts": "^1.3.7",
    "react-bootstrap": "^1.4.3",
    "react-burger-menu": "^2.6.11",
    "react-card-flip": "^1.0.11",
    "react-dom": "^16.8.6",
    "react-dropzone": "^10.1.4",
    "react-google-login": "^5.1.21",
    "react-grid-system": "^4.4.5",
    "react-intl-universal": "^2.4.1",
    "react-redux": "^6.0.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "^3.4.4",
    "react-scroll": "^1.7.14",
    "react-select": "^2.4.4",
    "react-share": "^3.0.0",
    "react-signature-canvas": "^1.0.3",
    "react-slick": "^0.24.0",
    "react-star-ratings": "^2.3.0",
    "react-stripe-elements": "^3.0.0",
    "reactjs-popup": "^1.3.2",
    "reactstrap": "^8.0.0",
    "reaptcha": "^1.4.2",
    "redux": "^4.0.1",
    "redux-thunk": "^2.3.0",
    "semantic-ui-react": "^0.86.0",
    "socket.io-client": "^2.3.0",
    "sweetalert2": "^10.14.0",
    "sweetalert2-react": "^0.8.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ],

​

Answer 1

TL;DR使用npm install --legacy-peer-deps

我可以用npm@7复制错误，但不能用npm@6复制。

版本7引入了一些更严格的对等依赖检查。如果您只希望安装命令成功(这是遇到此错误的大多数人所希望的，而不是找出依赖问题是什么)，您可以使用npm install --legacy-peer-deps。

问题的根源是您的react-card-flip版本需要react@17，但您的许多其他依赖项需要react@16。旧的npm解决了这个问题。新的npm让你知道有一个问题。您可以不使用react-card-flip，也可以更新所有其他依赖项(但不能保证所有依赖项都已更新以支持react@17 )，或者尝试找到可能支持react@16的较旧版本的react-card-flip，尽管我不建议运行一堆较旧版本的依赖项。

Answer 2

解决方案是更新package.json文件并更改react-card-flip条目。

发自：

"react-card-flip"："^1.0.11"，

至：

"react-card-flip"："~1.0.11"，

npm (^)告诉npm安装1.0.11或更新版本的react-card-flip。它试图安装更新的1.1.0版本，该版本依赖于React版本17.0.1。波浪号(~)告诉npm安装最新的次要发行版本。react-card-flip的最新次要版本是1.0.11，它需要React 16.14.0，与我安装的版本相匹配-解决了这个问题。

另一个变通解决方案是使用参数--legacy-peer-deps运行npm install。