Update Angular CLI. Jak to zrobić?
Jak zaktualizować Angular CLI do najnowszej wersji. Instrukcja krok po kroku dla różnych wersji CLI.
Od czasu do czasu warto zrobić aktualizację Angular CLI. Szczególnie gdy chcemy korzystać z nowych wydań Angulara i wszelkich usprawnień Angular CLI.
Aby sprawdzić aktualną wersję Angular CLI wydaj polecenie:
ng v
Aktualnie moja wersja wygląda tak:
Angular CLI: 9.0.2
Node: 12.16.2
OS: win32 x64
Angular:
...
Ivy Workspace:
Package Version
------------------------------------------------------
@angular-devkit/architect 0.900.2
@angular-devkit/core 9.0.2
@angular-devkit/schematics 9.0.2
@schematics/angular 9.0.2
@schematics/update 0.900.2
rxjs 6.5.3
Aktualizacja dla Angular CLI powyżej CLI 1.0.0-beta.28
Jeżeli posiadasz nowszą wersję Angular CLI sprawa jest bardzo prosta i wystarczy wykonać polecenie:
npm install -g @angular/cli@latest
Tym sposobem zrobimy aktualizację globalną.
Jeżeli dodatkowo chcemy aktualizować Angular CLI w projekcie to będąc w katalogu projektu wykonujemy:
npm install --save-dev @angular/cli@latest
Na koniec musimy także odświeżyć projektowe node_modules
:
npm install
Jeżeli pojawiły się problemy przy aktualizacji, można usunąć starszą wersję Angular CLI i powtórzyć kroki instalacji:
npm uninstall -g @angular/cli
npm uninstall --save-dev @angular/cli
Aktualizacja dla Angular CLI 1.0.0-beta.28 i niżej.
Jeżeli posiadasz, aż tak starą wersję Angular CLI to:
- Odinstaluj wersję globalną i lokalną z projektu. Zwróć uwagę, że usuwamy
angular-cli
, a nie@angular/cli
npm uninstall -g angular-cli
npm uninstall --save-dev angular-cli
- Wyczyść cache i usuń
node_module
Jeżeli masz wersję NPM < 5 to:
npm cache verify
Usuń cały folder node_modules
z Twojego projektu.
- Zainstaluj nową wersję
Wykonaj instalację globalną:
npm install -g @angular/cli@latest
Wykonaj instalację dla projektu:
npm install --save-dev @angular/cli@latest
Odnów node_modules
:
npm install
Najnowsza wersja Angular CLI powinna być zainstalowana co można sprawdzić przez ng v
.