安裝錯誤 npm - 無法解析依賴樹

Question

npm安裝后報錯：

解析時：reactjs-simple-boilerplate@1.0.0

找到：webpack@4.46.0

節點模塊/webpack

從根項目開發 webpack@"^4.41.2"

無法解決依賴關系：

來自 extract-text-webpack-plugin@3.0.2 的 peer webpack@"^3.1.0"

node_modules/extract-text-webpack-插件

來自 bootstrap-webpack@0.0.5 的 peer extract-text-webpack-plugin@">=0.3.8"

node_modules/bootstrap-webpack

來自根項目的 bootstrap-webpack@"0.0.5"

在此處輸入圖像描述

修復上游依賴沖突，或使用 --force 或 --legacy-peer-deps 重試此命令以接受不正確（且可能損壞）的依賴解析。

原始 JSON 解釋 object：

{
  "code": "ERESOLVE",
  "current": {
    "name": "webpack",
    "version": "4.46.0",
    "whileInstalling": {
      "name": "reactjs-simple-boilerplate",
      "version": "1.0.0",
      "path": "/Users/mk/Kr/kr-application-bd786050/kr-site"
    },
    "location": "node_modules/webpack",
    "isWorkspace": false,
    "dependents": [
      {
        "type": "dev",
        "name": "webpack",
        "spec": "^4.41.2",
        "from": {
          "location": "/Users/MK/Kr/kr-application-bd786050/kr-site"
        }
      }
    ]
  },
  "currentEdge": {
    "type": "dev",
    "name": "webpack",
    "spec": "^4.41.2",
    "from": {
      "location": "/Users/MK/Kr/kr-application-bd786050/kr-site"
    }
  },
  "edge": {
    "type": "peer",
    "name": "webpack",
    "spec": "^3.1.0",
    "error": "INVALID",
    "from": {
      "name": "extract-text-webpack-plugin",
      "version": "3.0.2",
      "whileInstalling": {
        "name": "reactjs-simple-boilerplate",
        "version": "1.0.0",
        "path": "/Users/MK/Kr/kr-application-bd786050/kr-site"
      },
      "location": "node_modules/extract-text-webpack-plugin",
      "isWorkspace": false,
      "dependents": [
        {
          "type": "peer",
          "name": "extract-text-webpack-plugin",
          "spec": ">=0.3.8",
          "from": {
            "name": "bootstrap-webpack",
            "version": "0.0.5",
            "whileInstalling": {
              "name": "reactjs-simple-boilerplate",
              "version": "1.0.0",
              "path": "/Users/MK/Kr/kr-application-bd786050/kr-site"
            },
            "location": "node_modules/bootstrap-webpack",
            "isWorkspace": false,
            "dependents": [
              {
                "type": "prod",
                "name": "bootstrap-webpack",
                "spec": "0.0.5",
                "from": {
                  "location": "/Users/MK/Kr/kr-application-bd786050/kr-site"
                }
              }
            ]
          }
        }
      ]
    }
  },
  "strictPeerDeps": false,
  "force": false
}

Answer 1

首先嘗試運行webpack-cli init / webpack init看看是否修復了它。

下一步嘗試：

yarn remove extract-text-webpack-plugin

yarn add --dev extract-text-webpack-plugin@next

如果兩者都不起作用，那么如果所需的 package 僅適用於特定版本的節點/npm，有時這可能會成為問題。 如果你還沒有，你應該嘗試使用nvm來管理不同版本的節點，你可以通過在終端中編寫nvm use <version number>來實現。

研究導致依賴性問題的特定 package，看看它是否需要使用特定的 node.js 版本。