npm 安装出现问题:寻求版本兼容性指导(Angular V16)

问题描述 投票:0回答:1

我最近在 npm 安装方面遇到了一些令人沮丧的问题,我确实需要一些帮助。每次我尝试运行 npm install 时,我似乎都会偶然发现不兼容的版本错误,这些错误使我的开发工作流程陷入停滞。它变得越来越令人沮丧,我确信我并不是唯一一个面临这一挑战的人。

我想将我的 Angular 版本迁移到 16

这是我的package.json

{
  "name": "HighS",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "npm run server & npm run client",
    "client": "ng serve --proxy-config=proxy.conf.json -o",
    "server": "json-server src/api/db.json --routes src/api/routes.json -d 2000",
    "build": "ng build --configuration production",
    "war": "cd dist ; jar -cvf $npm_package_name-$npm_package_version-SNAPSHOT.war *;",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "engines": {
    "node": "^16.16.0",
    "npm": "^8.11.0"
  },
  "dependencies": {
    "@angular/animations": "^16.2.6",
    "@angular/cdk": "^16.2.6",
    "@angular/cli": "^16.2.6",
    "@angular/common": "^16.2.6",
    "@angular/compiler": "^16.2.6",
    "@angular/core": "^16.2.6",
    "@angular/flex-layout": "^15.0.0-beta.42",
    "@angular/forms": "^16.2.6",
    "@angular/localize": "^16.2.6",
    "@angular/material": "^16.2.5",
    "@angular/material-moment-adapter": "^16.2.5",
    "@angular/platform-browser": "^16.2.6",
    "@angular/platform-browser-dynamic": "^16.2.6",
    "@angular/platform-server": "^16.2.6",
    "@angular/router": "^16.2.6",
    "@ngrx/effects": "^16.2.0",
    "@ngrx/entity": "^16.2.0",
    "@ngrx/store": "^16.2.0",
    "@ngx-translate/core": "^8.0.0",
    "@ngx-translate/http-loader": "^2.0.1",
    "@swimlane/ngx-datatable": "^20.0.0",
    "@turf/turf": "^5.1.6",
    "@types/d3": "^4.13.12",
    "@types/leaflet": "^1.2.7",
    "acorn": "^8.6.0",
    "ang-jsoneditor": "^3.1.0",
    "angular-material-fileupload": "0.0.11",
    "angular-moment": "^1.2.0",
    "angular2-json2csv": "^1.1.2",
    "angular2-notifications": "^0.9.6",
    "chart.js": "^3.9.1",
    "chartjs-adapter-date-fns": "^2.0.0",
    "chartjs-adapter-luxon": "^1.2.0",
    "chartjs-plugin-annotation": "^2.0.1",
    "chartjs-plugin-datalabels": "^2.2.0",
    "chartjs-plugin-zoom": "^1.2.1",
    "core-js": "^2.4.1",
    "d3": "^4.13.0",
    "d3-selection-multi": "^1.0.1",
    "date-fns": "^2.29.2",
    "exceljs": "^1.5.1",
    "file-saver": "^1.3.8",
    "filereader": "^0.10.3",
    "fileupload": "^1.0.0",
    "flag-icons": "^6.6.6",
    "font-awesome": "^4.7.0",
    "hammerjs": "^2.0.8",
    "js-xlsx": "^0.8.22",
    "jsoneditor": "^9.10.2",
    "jszip": "^3.1.5",
    "leaflet": "^1.3.1",
    "luxon": "^3.0.3",
    "moment": "^2.24.0",
    "ng2-charts": "^4.1.1",
    "ng5-slider": "^1.2.0",
    "ngx-json-viewer": "^2.4.0",
    "ngx-text-overflow-clamp": "0.0.1",
    "ngx-webstorage-service": "^4.1.0",
    "npm-font-open-sans": "^1.1.0",
    "npm-font-open-sans-condensed": "^1.0.3",
    "pdfmake": "^0.1.36",
    "rxjs": "^6.6.3",
    "rxjs-compat": "^6.5.3",
    "sass": "^1.45.0",
    "sheetjs": "^1.0.21",
    "ts-xlsx": "0.0.11",
    "xlsx": "^0.13.2",
    "zone.js": "~0.13.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~16.2.13",
    "@angular-eslint/builder": "16.2.0",
    "@angular-eslint/eslint-plugin": "16.2.0",
    "@angular-eslint/eslint-plugin-template": "16.2.0",
    "@angular-eslint/schematics": "^16.2.0",
    "@angular-eslint/template-parser": "16.2.0",
    "@angular/compiler-cli": "^16.2.6",
    "@angular/language-service": "^16.2.6",
    "@types/chart.js": "^2.9.37",
    "@types/d3": "^4.13.12",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "^20.10.5",
    "@typescript-eslint/eslint-plugin": "^5.43.0",
    "@typescript-eslint/parser": "^5.43.0",
    "codelyzer": "^6.0.2",
    "eslint": "^8.28.0",
    "eslint-config-prettier": "^8.5.0",
    "eslint-plugin-prettier": "^4.0.0",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "json-server": "^0.12.1",
    "karma": "~6.3.9",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "node-sass": "^7.0.3",
    "protractor": "~7.0.0",
    "ts-node": "~3.2.0",
    "tslib": "^1.8.1",
    "typescript": "4.9.3"
  }
}

提前谢谢您

我想将我的 Angular 版本迁移到 16,每次我尝试运行 npm install 时,我似乎都会偶然发现不兼容的版本错误

angular npm node-modules package.json
1个回答
0
投票

升级到最新的软件包会有帮助

  1. 安装工具
    npm install -g npm-check-updates
  2. 验证您的 package.json 是否已签入版本控制( 下一个命令将覆盖 package.json)
  3. 更新package.json
    ncu --upgrade
  4. 验证对 package.json 的更改
  5. 安装新软件包
    npm install
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.