為什么npm嘗試使用我的package.json中未參考的包版本？

我創建了一個 Angular .NET 5 Web 應用程式并嘗試運行npm i以安裝軟體包。當我這樣做時，我收到以下錯誤：

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: badgemanagement.admin.webui@0.0.0
npm ERR! Found: @angular/compiler@13.2.3
npm ERR! node_modules/@angular/compiler
npm ERR!   @angular/compiler@"13.2.3" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/compiler@"13.2.5" from @angular/compiler-cli@13.2.5
npm ERR! node_modules/@angular/compiler-cli
npm ERR!   dev @angular/compiler-cli@"^13.2.3" from the root project
npm ERR!   peer @angular/compiler-cli@"^13.0.0" from @angular-devkit/build-angular@13.2.5
npm ERR!   node_modules/@angular-devkit/build-angular
npm ERR!     dev @angular-devkit/build-angular@"^13.2.4" 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.
npm ERR!
npm ERR! See C:\Users\...\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\...\AppData\Local\npm-cache\_logs\2022-03-07T14_52_08_376Z-debug.log

正如您從下面的 package.json 檔案中看到的那樣，我沒有參考@angular/[email protected]或@angular-devkit/[email protected]. 如果我猜的話，它可能正在嘗試使用可能是 13.2.5 的全域 cli 版本，但為什么它會完全忽略 package.json 中參考的那個？當然，我可以使用--forceor --legacy-peer-deps，但是當 package.json 中參考了正確的依賴項時，我真的應該告訴它忽略依賴項嗎？這對我來說沒有意義。我做了一個npm cache clean --force，但這沒有幫助。假設我想使用這個特定版本，處理這種情況的“正確”方法是什么？

包.json

{
  "name": "myapp",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "build:ssr": "ng run myapp:server:dev",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "13.2.3",
    "@angular/compiler": "13.2.3",
    "@angular/core": "13.2.3",
    "@angular/forms": "13.2.3",
    "@angular/platform-browser": "13.2.3",
    "@angular/platform-browser-dynamic": "13.2.3",
    "@angular/platform-server": "13.2.3",
    "@angular/router": "13.2.3",
    "bootstrap": "^4.6.0",
    "core-js": "^3.8.3",
    "jquery": "^3.5.1",
    "oidc-client": "^1.11.3",
    "popper.js": "^1.16.0",
    "rxjs": "^6.6.3",
    "zone.js": "0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^13.2.4",
    "@angular/cli": "^13.2.4",
    "@angular/compiler-cli": "^13.2.3",
    "@angular/language-service": "^13.2.3",
    "@types/jasmine": "~3.4.4",
    "@types/jasminewd2": "~2.0.8",
    "@types/node": "~12.11.6",
    "codelyzer": "^6.0.2",
    "ini": "^1.3.7",
    "jasmine-core": "3.8",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "^6.3.16",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.5.4",
    "typescript": "4.5.5"
  },
  "optionalDependencies": {
    "node-sass": "^7.0.1",
    "protractor": "^7.0.0",
    "ts-node": "~8.4.1",
    "tslint": "^6.1.0"
  },
  "resolutions": {
    "url-parse": ">=1.5.0",
    "lodash": ">=4.17.21"
  }
}

uj5u.com熱心網友回復：

看起來這是因為插入符號^會嘗試獲得次要版本。嘗試通過洗掉package-lock.json& 洗掉版本號之前的插入符號。

或者你也可以試試yarn install

標籤：javascript 节点.js 有角度的 npm

上一篇：許多TailwindCSS類不適用于我的Angular12專案

下一篇：觀察者應該在建構式中