试图安装react时出错-twitter-embed

Question

我正试图在我的react应用程序上安装react。我已经尝试删除和重新安装我的node_modules文件夹和清除我的npm缓存。我也尝试过将我的node和npm升级到最新版本。

下面是我遇到的错误：

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: ant-design-pro@2.2.0
npm ERR! Found: react@17.0.2
npm ERR! node_modules/react
npm ERR!   react@"^17.0.2" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^15.0.0 || ^16.0.0" from react-twitter-embed@3.0.3
npm ERR! node_modules/react-twitter-embed
npm ERR!   react-twitter-embed@"*" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

下面是我的package.json中当前依赖项的列表

    "@ant-design/icons": "^4.7.0",
    "@antv/data-set": "^0.10.0",
    "@apollo/client": "^3.4.11",
    "@babel/runtime": "^7.2.0",
    "@ethersproject/abi": "^5.4.1",
    "@ethersproject/address": "^5.4.0",
    "@ethersproject/bignumber": "^5.4.0",
    "@ethersproject/bytes": "^5.4.0",
    "@ethersproject/constants": "^5.4.0",
    "@ethersproject/contracts": "^5.4.0",
    "@ethersproject/providers": "^5.4.1",
    "@ethersproject/solidity": "^5.4.0",
    "@ethersproject/units": "^5.4.0",
    "@material-ui/core": "^4.12.3",
    "@web3-react/core": "^6.1.9",
    "@web3-react/fortmatic-connector": "^6.1.6",
    "@web3-react/injected-connector": "^6.0.7",
    "@web3-react/ledger-connector": "^6.1.9",
    "@web3-react/network-connector": "^6.1.9",
    "@web3-react/portis-connector": "^6.1.9",
    "@web3-react/torus-connector": "^6.1.9",
    "@web3-react/trezor-connector": "^6.1.9",
    "@web3-react/walletconnect-connector": "^6.2.6",
    "@web3-react/walletlink-connector": "^6.2.6",
    "accounting-js": "^1.1.1",
    "antd": "^3.26.20",
    "apollo-boost": "^0.4.9",
    "axios": "^0.18.1",
    "bizcharts": "^3.4.2",
    "bizcharts-plugin-slider": "^2.1.1-beta.1",
    "bootstrap": "^5.0.2",
    "chalk": "^2.4.2",
    "classnames": "^2.2.6",
    "core-js": "^3.17.2",
    "crypto-js": "^4.1.1",
    "dayjs": "^1.10.7",
    "echarts": "^5.2.2",
    "echarts-for-react": "^3.0.1",
    "enquire-js": "^0.2.1",
    "graphql": "^15.5.3",
    "graphql-tag": "^2.12.5",
    "hash.js": "^1.1.5",
    "lodash": "^4.17.10",
    "lodash-decorators": "^6.0.0",
    "math.js": "^1.1.46",
    "memoize-one": "^5.0.0",
    "moment": "^2.22.2",
    "numeral": "^2.0.6",
    "nzh": "^1.0.3",
    "omit.js": "^1.0.0",
    "only-last-promise": "^1.0.0",
    "path-to-regexp": "^2.4.0",
    "prop-types": "^15.7.2",
    "qs": "^6.6.0",
    "rc-animate": "^2.4.4",
    "react": "^17.0.2",
    "react-apollo": "^3.1.5",
    "react-bootstrap": "^2.0.0-beta.4",
    "react-click-outside": "^3.0.1",
    "react-container-query": "^0.11.0",
    "react-copy-to-clipboard": "^5.0.1",
    "react-datepicker": "^4.2.1",
    "react-detect-click-outside": "^1.1.1",
    "react-device-detect": "^1.17.0",
    "react-document-title": "^2.0.3",
    "react-dom": "^17.0.2",
    "react-fittext": "^1.0.0",
    "react-media": "^1.8.0",
    "react-redux": "^7.2.3",
    "react-router-dom": "^4.3.1",
    "redux": "^4.0.5",
    "styled-components": "^5.3.3",
    "web3-eth": "^1.6.0",
    "web3-eth-contract": "^1.6.0",
    "web3-utils": "^1.6.0"
  },

Answer 1

由于错误状态，您需要安装react 15或16。您的package.json目前已经反应17了。改为：

    "react": "^16.0.0",

然后重新运行npm install.

PS:您可能还会更新其他一些依赖项，例如，"react-dom": "^17.0.2"可能不再工作了。

另一种方法是写信给您想要的包的维护人员，看看他们认为什么时候将支持react 17。

问题包的作者Update Saurabh在评论中指出，这应该不再是必要的(我想描述错误也不应该发生)，因为react-twitter-embed现在支持更新版本的nor。(谢谢你，索拉布！)

Answer 2

新的react版本现在支持与最近版本的react twitter-嵌入和类型。

由于我正在努力使其涵盖所有情况，因此将更早地将事件添加到一揽子方案中。:)