覆蓋 react-error-overlay@^6.0.9 與直接依賴沖突

Question

如果我嘗試安裝另一個 package 或只是嘗試運行npm install ，我已經更改了我的節點版本並不斷收到此錯誤。 這是錯誤消息：

npm 錯誤！ 代碼 EOVERRIDE

npm 錯誤。 覆蓋 react-error-overlay@^6.0.9 與直接依賴沖突

npm ERR：此運行的完整日志可在以下位置找到：

npm 錯誤：C.\Users\admin\AppData\Local\npm-cache_logs\2022-12-08T16_39_09_063Z-debug-0.log`

我的package.json文件如下：

{
  "name": "kamamini",
  "version": "0.1.0",
  "author": "Moctar Yonli",
  "private": true,
  "dependencies": {
    "@ckeditor/ckeditor5-build-classic": "^28.0.0",
    "@ckeditor/ckeditor5-build-decoupled-document": "^28.0.0",
    "@ckeditor/ckeditor5-react": "^3.0.2",
    "@emotion/react": "^11.5.0",
    "@emotion/styled": "^11.3.0",
    "@firebase/auth-interop-types": "^0.1.5",
    "@glidejs/glide": "^3.5.2",
    "@material-ui/core": "^4.11.3",
    "@material-ui/icons": "^4.11.2",
    "@metismenu/react": "0.0.2",
    "@mui/icons-material": "^5.0.5",
    "@mui/material": "^5.0.6",
    "@mui/styles": "^5.0.2",
    "@testing-library/jest-dom": "^5.11.9",
    "@testing-library/react": "^11.2.5",
    "@testing-library/user-event": "^12.7.1",
    "axios": "^0.24.0",
    "bootstrap": "^5.1.3",
    "dotenv": "^10.0.0",
    "firebase": "^8.4.1",
    "formik": "^2.2.9",
    "framer-motion": "^4.1.17",
    "gh-pages": "^3.2.3",
    "history": "^5.0.1",
    "moment": "^2.29.4",
    "node-sass": "^7.0.1",
    "perfect-scrollbar": "^1.5.2",
    "react": "^17.0.1",
    "react-confetti": "^6.1.0",
    "react-currency-format": "^1.1.0",
    "react-dom": "^17.0.1",
    "react-dropzone": "^11.3.2",
    "react-helmet-async": "^1.3.0",
    "react-html-parser": "^2.0.2",
    "react-image-gallery": "^1.0.9",
    "react-material-ui-carousel": "^2.2.6",
    "react-payment-inputs": "^1.1.9",
    "react-player": "^2.9.0",
    "react-redux": "^7.2.4",
    "react-router-dom": "^5.2.0",
    "react-scripts": "^4.0.3",
    "react-share": "^4.4.0",
    "react-slick": "^0.28.1",
    "react-swipeable-views": "^0.14.0",
    "react-toastify": "^7.0.3",
    "react-use": "^17.4.0",
    "reactstrap": "^8.9.0",
    "redux": "^4.1.0",
    "redux-thunk": "^2.3.0",
    "slick-carousel": "^1.8.1",
    "styled-components": "^5.3.3",
    "web-vitals": "^1.1.0",
    "yup": "^0.32.9"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "``eslintConfig``": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "`browserslist`": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "overrides": {
    "react-error-overlay": "6.0.9"
  },
  "devDependencies": {
    "react-error-overlay": "^6.0.9"
  }
}

為什么在嘗試安裝 package 時出現此錯誤？

Answer 1

您只需刪除 package.json 文件的覆蓋部分。

Answer 2

根據文檔

您不能為您直接依賴的 package 設置覆蓋，除非依賴項和覆蓋本身共享完全相同的規范。

您對react-error-overlay指定6.0.9 （即確切版本），而您的devDependencies指定~6.0.9 （即匹配 6.0.9 或以上的任何補丁版本）。 這些規格不完全相同，所以你會得到錯誤。

您可以通過以下方式修復它：

• 更新overrides以使用~6.0.9
• 更新您的devDependencies以使用6.0.9
• 更新overrides以使用"react-error-overlay": "$react-error-overlay"告訴它直接使用依賴項中引用的版本

為了使這個限制更容易處理，覆蓋也可以定義為對直接依賴規范的引用，方法是在您希望版本匹配的 package 的名稱前加上$ 。