переход с Angular 6 на Angular 7

Question

Я недавно обновил свое приложение Angular 4 до Angular 6 и теперь хочу обновить его до Angular 7. Согласно приведенной ниже статье, выполнение команды для обновления не должно занимать более 10 минут.

ng update @ angular / cli @ angular / core

https://blog.angular.io/version-7-of-angular-cli-prompts-virtual-scroll-drag-and-drop-and-more-c594e22e7b8c

Я не вижу ничего, что происходит в командной строке после выполнения этой команды.Нет ошибокМожет ли кто-нибудь сказать мне, почему это происходит

Answer 1

Вы можете использовать это:

https://update.angular.io

Выберите версию, которую вы используете, и она даст вам пошаговое руководство.

Answer 2

Если вы ищете меня, просто обновляющего ваш проект до последней версии, это то, что работает со мной начиная с Angular 6:

Откройте консоль в папке вашего проекта: If you type: ng update, тогда вы будетеполучите следующее сообщение:

        We analyzed your package.json, there are some packages to update:

          Name                               Version                  Command to update
         --------------------------------------------------------------------------------
          @angular/cli                       7.0.7 -> 7.2.2           ng update @angular/cli
          @angular/core                      7.0.4 -> 7.2.1           ng update @angular/core

There might be additional packages that are outdated.
    Run "ng update --all" to try to update all at the same time.

Поэтому я обычно иду прямо и делаю:

ng update --all

Наконец, вы можете проверить свою новую версию:

ng version

Angular CLI: 7.2.2
Node: 8.12.0
OS: win32 x64
Angular: 7.2.1
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.12.2
@angular-devkit/build-angular     0.12.2
@angular-devkit/build-optimizer   0.12.2
@angular-devkit/build-webpack     0.12.2
@angular-devkit/core              7.2.2
@angular-devkit/schematics        7.2.2
@angular/cli                      7.2.2
@ngtools/webpack                  7.2.2
@schematics/angular               7.2.2
@schematics/update                0.12.2
rxjs                              6.3.3
typescript                        3.2.4
webpack                           4.28.4

Answer 3

УГЛОВАЯ ПРОЦЕДУРА МИГРАЦИИ от 6.1 до 7

Чтобы правильно перейти с Angular 6.1 на angular 7, необходимо выполнить следующие шаги:

ПРЕДУПРЕЖДЕНИЕ: Пожалуйста, проверьте, совместимы ли все ваши импортированные модули с Angular 7, при необходимости обновите их.

Перед обновлением до Angular 7:

1. Измените импорт HttpModule на HttpClientModule (import {HttpClientModule} с '@ angular / common / http';)

2. Измените импорт Http (если есть) на import {HttpClient} из '@ angular / common / http';

Не забудьте удалить все JSON.parse (response), так как вы неБольше не нужно этого делать с HttpClient

Если вы используете RXjs, вы должны удалить старые зависимости RXjs 6.Не беспокойтесь, вы можете сделать это, запустив следующие скрипты:

npm install -g rxjs-tslint

rxjs-5-to-6-migrate -p src / tsconfig.app.json

Возможно, вам придется обновить машинопись для успешной миграции rxjs: npm i -g typcript

Деинсталлировать модуль rxjs-compat (npm uninstall rxjs-compat)

Если вы используете работника Angular Service, перенесите любые файлы versionedFiles в массив файлов.

Обновление угловой cli до v7:

ng update @ angular / cli

Обновление угловой Core до v7:

ng update @ angular / core

Наконец, вам нужно обновить Angular material:

ng update @ angular / material

Answer 4

здесь вы можете найти руководство по обновлению с любой версии до угловой 7

https://update.angular.io/

Или вы можете просто запустить команду в свой CLI

  ng update --all

Answer 5

Я обновил 6 до 7, используя:

Угловые зависимости

   npm install @angular/animations@latest @angular/common@latest @angular/compiler@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest --save

Угловые зависимости dev

  npm install @angular-devkit/build-angular@latest @angular/compiler-cli@latest @angular/cli@latest @angular/language-service@latest --save-dev

Зависимости;Core-js и Zone.js

npm install core-js@latest zone.js@latest --save

Зависимости Dev;Типы, codelyzer, инструменты кармы, жасмин, транспортир и tslint

npm install @types/jasmine@latest @types/node@latest codelyzer@latest karma@latest karma-chrome-launcher@latest karma-cli@latest karma-jasmine@latest karma-jasmine-html-reporter@latest jasmine-core@latest jasmine-spec-reporter@latest protractor@latest tslint@latest --save-dev

Новая версия 3+ TypeScript

npm install typescript@latest --save-dev

Последняя версия 6+ RxJS

npm install rxjs@latest rxjs-compat@latest --save

А:

npm install rxjs-tslint@latest --save-dev

Последняя версия 4+ Webpack

npm install webpack@latest --save-dev

источник

Answer 6

ng-update у меня тоже не работало - я решил это, обновив все пакеты с помощью npm-check и разобрав несколько ошибок, которые у меня возникли после этого вручную.