在更新角7到13时生成角项目的问题

Question

我想升级我的项目的角度版本从7到13，但我面临一些问题。下面您可以看到我的Json格式的包：

{
  "name": "comresi-angular",
  "version": "0.0.0",
  "scripts": {
    "start": "ng serve",
    "start:local": "ng serve --base-href=/",
    "build:prod": "ng build --configuration  production",
    "build:dev": "ng build ----configuration  dev",
    "build:local": "npm run build:dev && npm run copy_tomcat",
    "copy_tomcat": "xcopy \"../webapp/resources\\*\" \"%CATALINA_HOME%\\webapps\\erlcr\\resources\" /s /i /y > nul"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~13.1.0",
    "@angular/cdk": "~13.1.0",
    "@angular/common": "~13.1.0",
    "@angular/compiler": "~13.1.0",
    "@angular/core": "~13.1.0",
    "@angular/forms": "~13.1.0",
    "@angular/http": "^7.0.0",
    "@angular/material": "~13.1.0",
    "@angular/platform-browser": "~13.1.0",
    "@angular/platform-browser-dynamic": "~13.1.0",
    "@angular/service-worker": "~13.1.0",
    "@angular/router": "~13.1.0",
    "@ngx-translate/core": "11.0.1",
    "@ngx-translate/http-loader": "4.0.0",
    "@types/bingmaps": "0.0.1",
    "@types/jquery": "^3.3.22",
    "@types/npm": "^2.0.29",
    "@types/slickgrid": "^2.1.26",
    "ag-grid-angular": "^19.0.0",
    "ag-grid-community": "^19.0.0",
    "angular-maps": "^6.0.1",
    "angular-slickgrid": "^2.1.8",
    "bingmaps": "^2.0.3",
    "bootstrap": "^4.1.3",
    "core-js": "^2.5.4",
    "dhtmlx-gantt": "file:gantt_7.1.8_evaluation",
    "font-awesome": "^4.7.0",
    "jquery": "^3.3.1",
    "jqwidgets-scripts": "^6.1.0",
    "moment": "^2.19.1",
    "rxjs": "~7.4.0",
    "rxjs-compat": "^7.4.0",
    "zone.js": "~0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "13.1.2",
    "@angular/cli": "~13.1.0",
    "@angular/compiler-cli": "~13.1.0",
    "@angular/language-service": "~13.1.0",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "~4.3.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~3.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "~4.4.3",
    "rxjs": "~7.4.0"
  }
}

但是在运行npm install时，我得到了以下错误

 While resolving: comresi-angular@0.0.0
 Found: @angular-devkit/build-angular@0.10.7
 node_modules/@angular-devkit/build-angular
   dev @angular-devkit/build-angular@"13.1.2" from the root project

 Could not resolve dependency:
 dev @angular-devkit/build-angular@"13.1.2" from the root project

 Conflicting peer dependency: @angular/core@13.1.1
 node_modules/@angular/core
   peer @angular/core@"13.1.1" from @angular/service-worker@13.1.1
   node_modules/@angular/service-worker
     @angular/service-worker@"~13.1.0" from the root project
     peerOptional @angular/service-worker@"^13.0.0 || ^13.1.0-next" from @angular-devkit/build-angular@13.1.2
     node_modules/@angular-devkit/build-angular
       dev @angular-devkit/build-angular@"13.1.2" from the root project

你能帮我理解一下为什么我会犯这个错误吗？

Answer 1

如果您使用官方的角度更新网站，并将您的角度版本从7.0到13.0，您将得到以下警告：

​

​

所以很明显，您需要检查所有的主要版本，直到版本13.0

Answer 2

根据我在项目方面的经验。最好用最新版本(或您想要的版本)构建一个简单的产品。并逐步从现有应用程序中添加组件。