у меня есть приложение на angular 8, его очень большое приложение, могу ли я обновить свое приложение на angular 10

#angular

Вопрос:

Как я могу обновить свое приложение на Angular 8 до Angular 10? Нужно ли мне создавать новое приложение angular 10 и копировать, вставлять все компоненты и соответствующим образом изменять или есть какой-либо другой подходящий метод? Я использую множество решений для этого, но много ошибок от модулей, это мой файл package.json

     {
  "name": "equality-mh",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "test": "echo "Error: no test specified" amp;amp; exit 1",
    "tsc": "tsc -p src -w",
    "start": "live-server --open=src",
    "build-prod": "node --max_old_space_size=5048 ./node_modules/@angular/cli/bin/ng build --prod",
    "build-prod-aot": "node --max_old_space_size=5048 ./node_modules/@angular/cli/bin/ng build --prod --aot --build-optimizer --configuration=production"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^8.2.0",
    "@angular/cdk": "^8.1.2",
    "@angular/common": "~8.2.0",
    "@angular/compiler": "~8.2.0",
    "@angular/core": "~8.2.0",
    "@angular/flex-layout": "^8.0.0-beta.26",
    "@angular/forms": "~8.2.0",
    "@angular/material": "^8.1.2",
    "@angular/platform-browser": "~8.2.0",
    "@angular/platform-browser-dynamic": "~8.2.0",
    "@angular/router": "~8.2.0",
    "@ng-select/ng-select": "^3.7.0",
    "@ngx-translate/core": "^11.0.1",
    "@ngx-translate/http-loader": "^4.0.0",
    "@nicky-lenaers/ngx-scroll-to": "^3.0.1",
    "adyen-api-js": "^1.30.4",
    "angular-6-social-login": "^1.1.1",
    "angular-google-charts": "^0.1.6",
    "angular-morris-js": "^1.1.0",
    "angular-tinymce": "^6.0.0",
    "angular2-image-zoom": "^1.2.1",
    "angular2-masonry": "^0.4.0",
    "angular2-notifications": "^2.0.0",
    "chart.js": "^2.9.3",
    "classlist.js": "^1.1.20150312",
    "html2canvas": "^1.0.0-rc.5",
    "http": "0.0.0",
    "imagesloaded": "^4.1.4",
    "jquery": "^3.4.1",
    "jw-angular-social-buttons": "^1.0.0",
    "ng-lazyload-image": "^7.0.1",
    "ng2-charts": "^2.3.0",
    "ng6-file-upload": "^1.1.0",
    "ngx-bootstrap": "^5.1.1",
    "ngx-editor": "^4.1.0",
    "ngx-emoji-picker": "0.0.2",
    "ngx-facebook": "^2.4.0",
    "ngx-image-cropper": "^2.0.2",
    "ngx-infinite-scroll": "^8.0.1",
    "ngx-mat-select-search": "^2.1.1",
    "ngx-skeleton-loader": "^1.2.6",
    "ngx-slick": "^0.2.1",
    "primeicons": "^2.0.0",
    "primeng": "^8.0.2",
    "quill": "^1.3.6",
    "rxjs": "^6.5.2",
    "rxjs-compat": "^6.5.2",
    "socket.io-client": "^2.3.0",
    "stripe-angular": "^1.1.0",
    "swiper": "^5.2.0",
    "tinymce": "^5.0.14",
    "ts-md5": "^1.2.4",
    "tslib": "^1.10.0",
    "web-animations-js": "^2.3.2",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.803.29",
    "@angular/cli": "~8.3.29",
    "@angular/compiler-cli": "~8.2.0",
    "@angular/http": "^7.2.15",
    "@angular/language-service": "~8.2.0",
    "@types/jasmine": "~3.3.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "^5.0.0",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.15.0",
    "typescript": "~3.5.3",
    "webpack-cli": "^3.3.12"
  }
}

1. Вы читали update.angular.io и next.angular.io/guide/updating-to-version-10 ?

2. @Giannis да, я следую всем шагам, но не работаю

3. Итак, вы действительно думаете, что копирование каждого отдельного компонента — это решение? Что вы имеете в виду, говоря, что оно не работает? Почему бы не указать конкретные проблемы, которые у вас есть?

4. @Giannis, потому что я получаю много ошибок, как я могу показать вам

5. Пожалуйста, внимательно проверьте ответ. НЕ обновляйте с версии 8 до 10 напрямую. После следования правильным инструкциям, пожалуйста, покажите все имеющиеся у вас ошибки.

Ответ №1:

Вы не должны обновлять Angular 8 до 10 напрямую. Вместо этого сначала обновите до Angular 9, следуя инструкциям здесь:https://update.angular.io/#8.0:9.0l3

Затем обновите до Angular 10, используя эти инструкции:https://update.angular.io/#9.0:10.0l3

Если вы на самом деле настроили его на обновление с 8 до 10, вы получите небольшое предупреждение:

1. я выполнил все шаги по этой ссылке update.angular.io/#8.2:10.0 но не работает

2. @rajpootrehan В том-то и дело, что не делай этого. Обновите до Angular 9, затем 10.

3. после обновления с помощью этих шагов появляется много ошибок в модулях, таких как angular material, flex-layout, image-lazy-load и других