Открыть меню    

Как обновить Angular c 5 версии до 6

В обновлении Angular нам поможет инструмент update.angular.io

  1. Если вы импортируете любые сервисы или инструменты для анимации из @angular/core, то вы должны будете изменить импорт для них на @angular/animations.
  2. Заменить HttpModule и Http сервис на HttpClientModule и HttpClient.
  3. Убедитесь, что ваша версия Node выше восьмой. Чтобы обновить версию Node я воспользовался nvm.
  4. Обновляем angular-cli

Обновляем angular-cli

Сперва узнаем версию angular-cli (воспользуемся npm-check):

Глобально:

npm-check -g

Локально:

npm-check ./

Глобально

Очистим кэш:

npm cache verify
# if npm version is < 5 then use `npm cache clean`

Ставим глобально @angular/cli:

npm install -g @angular/cli@latest

Далее узнаем какая версия используется глобально:

ng -v

Локально:

Очистим кэш:

npm cache verify
# if npm version is < 5 then use `npm cache clean`

Удалим папку node_modules (воспользуемся пакетом rimraf):

rimraf node_modules

Установим последнюю версию @angular/cli:

npm install --save-dev @angular/cli@latest

Проверим текущую версию @angular/cli:

ng -v

Как вы видите, формат для конфигурации Angular Cli был изменен, но вы можете автоматически обновить конфигурацию, запустив команду:

Более подробно на сайте dnzl.ru: Как обновить Angular c 5 версии до 6

Комментарии к статье

проекты крыш