Jak uaktualnić Angular CLI do najnowszej wersji

Pamiętaj, aby zaktualizować swoje podstawowe pakiety po aktualizacji Cli.

Ng6+ (Cli 6.0+): Funkcje uproszczone polecenia

Najpierw zaktualizuj swoje Cli

npm install -g @angular/cli
npm install @angular/cli
ng update @angular/cli

Następnie zaktualizuj swoje podstawowe pakiety

ng update @angular/core

Jeśli używasz RxJS, Uruchom

ng update rxjs

Zaktualizuje RxJS do wersji 6 i zainstaluje pakiet rxjs-compat pod maską.

Jeśli napotkasz błędy kompilacji, spróbuj ręcznie zainstalować:

npm i rxjs-compat
npm i @angular-devkit/build-angular

Na koniec sprawdź swoje wersja

ng -v

Uwaga dotycząca budowy produkcji:

Ng6 nie używa już intl w polyfills.ts

//remove them to avoid errors
import 'intl';
import 'intl/locale-data/jsonp/en';

Ng5+ (Cli 1.5+)

npm install @angular/{animations,common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router}@next [email protected] rxjs@'^5.5.2'
npm install [email protected] --save-exact

Uwaga:

1. wspierana Wersja maszynopisu dla Cli 1.6 w momencie pisania wynosi do 2.5.3.
2. użycie @next aktualizuje pakiet do wersji beta, jeśli jest dostępny. Użyj @latest, aby uzyskać najnowszą wersję non-beta.

Po zaktualizowaniu zarówno globalnego jak i lokalnego pakietu, Wyczyść pamięć podręczną, aby uniknąć błędy:

npm cache verify (recommended)
npm cache clean (for older npm versions)

Oto oficjalne referencje:

1. Aktualizacja Cli
2. Aktualizacja podstawowych pakietów podstawowych pakietów.

Możesz po prostu użyć

npm install -g angular-cli - jeśli to twój pierwszy raz

npm install -g @angular/cli@latest - jeśli u już zainstalowany, więc dla aktualizacji

Potężne polecenie instaluje i zastępuje ostatni pakiet.

 npm install -g @angular/cli@latest

I

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

To polecenie działa poprawnie:

npm upgrade -g @angular/cli

Oprócz @ShinDarth odpowiedz .

Zrobiłem to, co powiedział, Ale mój pakiet nie zaktualizował wersji angular i Wiem, że ten post jest o angular-cli, ale myślę, że to też może pomóc.

• więc po tym, co @ ShinDarth powiedział powyżej, aby naprawić moją wersję angular musiałem stworzyć nowy projekt z -ng new projectname, który wygenerował pakiet.
• skopiuj nowy pakiet, a następnie wklej nowy pakiet do wszystkich pakietów projektów wymagających aktualizacji (pamiętaj, aby dodać zależności, które miałeś i zmień nazwę w pierwszej linii) lub możesz po prostu zmienić wersje ręcznie bez kopiowania i wklejania.
• następnie uruchom -npm install.

Teraz mój ng serve znowu działa, może jest lepszy sposób, aby to wszystko zrobić, jeśli ktoś wie, proszę się podzielić, ponieważ jest to ból do czynienia ze wszystkimi projektami, które wymagają aktualizacji.

Zadziałało dla mnie następujące podejście:

npm uninstall -g @angular/cli

Then

npm cache verify

Then

npm install -g @angular/cli@latest

Pracuję na Windows 10, czasami musiałem też użyć: npm cache clean --force. Nie musisz tego robić, jeśli nie masz żadnych problemów podczas instalacji.

Aby zaktualizować Angular CLI do nowej wersji, musisz zaktualizować zarówno pakiet globalny, jak i pakiet lokalny twojego projektu.

Pakiet Globalny:

npm uninstall -g @angular/cli
npm cache clean
# if npm version is > 5 then use `npm cache verify` to avoid errors (or to avoid using --force)
npm install -g @angular/cli@latest

Pakiet projektów lokalnych:

rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShell
npm install --save-dev @angular/cli@latest
npm install

Source: Github

Wszystko, co musisz zrobić, to odróżnić za pomocą angular-cli-diff i zastosować zmiany w bieżącym projekcie.

Oto kroki:

1. Say you go from 1.4. do 1.5 wtedy robisz https://github.com/cexbrayat/angular-cli-diff/compare/1.4.0...1.5.0
2. kliknij na File changed zakładkę
3. Zastosuj zmiany do bieżącego projektu.
4. npm install / yarn
5. przetestuj wszystkie npm scripts (więcej szczegółów tutaj: https://stackoverflow.com/a/45431592/415078 )

W moim przypadku zainstalowałem angular-cli lokalnie używając npm install --save-dev angular-cli. Tak więc, kiedy używam polecenia npm install-g @angular / cli, generuje błąd mówiąc, że "twoja Globalna Wersja Angular CLI (1.7.3) jest większa niż Twoja lokalna wersja (1.4.9)". Należy pamiętać, że angular-CLI, @ angular / cli i @angular/CLI @ latest to dwa różne cli. Co rozwiązuje to jest odinstalować wszystkie cli, a następnie zainstalować najnowszy kątowy cli za pomocą npm install-g @ angular/cli @ latest