it-swarm.com.de

So aktualisieren Sie Angular CLI auf die neueste Version

Mit ng --version habe ich:

@ angle/cli: 1.0.0

dies ist nicht die neueste verfügbare Version.

Da ich Angular CLI global auf meinem System installiert habe, habe ich versucht, es zu aktualisieren:

npm update angular-cli -g

Aber es funktioniert nicht, weil es bis 1.0.0 Version bleibt.

102
Francesco Borzi

Nachdem ich einige im GitHub-Repository gemeldete Probleme gelesen hatte, fand ich die Lösung.

Um das global in Ihrem System installierte angle-cli-Paket zu aktualisieren, müssen Sie Folgendes ausführen:

npm uninstall -g angular-cli
npm cache clean or npm cache verify #(if npm > 5)
npm install -g @angular/[email protected]

Abhängig von Ihrem System müssen Sie den obigen Befehlen möglicherweise Sudo voranstellen.

Außerdem möchten Sie höchstwahrscheinlich auch Ihre lokale Projektversion aktualisieren, da diese in Ihrem Projektverzeichnis mit höherer Priorität als die globale ausgewählt wird:

rm -rf node_modules
npm uninstall --save-dev angular-cli
npm install --save-dev @angular/[email protected]
npm install

danke grizzm0 für den Hinweis auf GitHub .

Nach dem Aktualisieren Ihrer CLI möchten Sie wahrscheinlich auch aktualisieren Sie Ihre Angular-Version .

Hinweis : Wenn Sie von einer älteren Version auf Angular CLI 6+ aktualisieren, müssen Sie möglicherweise dies) lesen .

Bearbeiten : Wenn Sie noch auf einer 1.x-Version der CLI waren, müssen Sie Ihren angular-cli.json in angular.json konvertieren, was Sie tun können mit folgendem Befehl:

ng update @angular/cli --from=1.7.4 --migrate-only

(Aktivieren Sie this für weitere Details).

650
Francesco Borzi

ng6 + -> 7.0

Update RxJS (abhängig von RxJS 6.3)

npm install -g rxjs-tslint
rxjs-5-to-6-migrate -p src/tsconfig.app.json

rxjs-compat entfernen

Dann aktualisieren Sie die Kernpakete und Cli:

ng update @angular/cli @angular/core

(Optional: Aktualisieren Sie Node.js auf Version 10, die in NG7 unterstützt wird.)

ng6 + (Cli 6.0 +) : enthält vereinfachte Befehle

Aktualisieren Sie zunächst Ihre Cli

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

Aktualisieren Sie dann Ihre Kernpakete

ng update @angular/core

Wenn Sie RxJS verwenden, führen Sie aus

ng update rxjs

Es wird RxJS auf Version 6 aktualisieren und das Paket rxjs-compat unter der Haube installieren.

Versuchen Sie eine manuelle Installation von:

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

Zuletzt überprüfen Sie Ihre Version

ng v

Hinweis zum Produktionsaufbau:

ng6 verwendet intl in polyfills.ts nicht mehr

//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] [email protected]'^5.5.2'
npm install [email protected] --save-exact

Hinweis:

  1. Die unterstützte TypeScript-Version für Cli 1.6 zum Zeitpunkt des Schreibens ist bis zu 2.5.3.
  2. Wenn Sie @next verwenden, wird das Paket auf Beta aktualisiert, sofern verfügbar. Verwenden Sie @latest, um die neueste Nicht-Beta-Version zu erhalten.

Leeren Sie nach dem Aktualisieren des globalen und des lokalen Pakets den Cache, um Fehler zu vermeiden:

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

Hier sind die offiziellen Referenzen:

  1. Aktualisieren des Cli
  2. Aktualisieren der Kernpakete Kernpaket .
145
Pageii Studio

sie können einfach verwenden

npm install -g angular-cli - wenn es dein erstes Mal ist

npm install -g @angular/[email protected] - Wenn Sie bereits installiert sind, müssen Sie diese aktualisieren

82
SamYah

Dieser Befehl funktioniert gut:

npm upgrade -g @angular/cli
29
wdavilaneto

Der mächtige Befehl installiert und ersetzt das letzte Paket.

Ich hatte ein ähnliches Problem. Ich habe es repariert.

 npm install -g @angular/[email protected]

und

npm install --save-dev @angular/[email protected]

enter image description here

28
BehrouzMoslem

Der folgende Ansatz hat bei mir funktioniert:

npm uninstall -g @angular/cli

dann

npm cache verify

dann

npm install -g @angular/[email protected]

Ich arbeite unter Windows 10, manchmal musste ich auch: npm cache clean --force verwenden. Sie müssen dies nicht tun, wenn Sie während der Installation keine Probleme haben.

16
Enayat

Zusätzlich zu @ ShinDarth Antwort .

Ich habe getan, was er gesagt hat, aber mein Paket hat die angular -Version nicht aktualisiert, und ich weiß, dass es sich bei diesem Beitrag um angular-cli handelt, aber ich denke, dass dies auch helfen kann.

  • nachdem ich also das getan hatte, was @ShinDarth oben gesagt hatte, musste ich ein neues Projekt mit -ng new projectname erstellen, das ein Paket generierte, um meine angular Version zu reparieren.
  • kopieren Sie das neue Paket und fügen Sie das neue Paket in alle zu aktualisierenden Projektpakete ein (denken Sie daran, die vorhandenen Abhängigkeiten hinzuzufügen und den Namen in der ersten Zeile zu ändern), oder ändern Sie einfach die Versionen manuell ohne Kopieren und Einfügen.
  • führen Sie dann -npm install aus.

Jetzt arbeitet mein ng serve wieder, vielleicht gibt es einen besseren Weg, das alles zu tun, wenn jemand es weiß, teilen Sie es bitte mit, denn dies ist ein Schmerz, der mit allen Projekten zu tun hat, die ein Update benötigen.

14

AKTUALISIEREN:
Ab CLI v6 können Sie ng update ausführen, um Ihre Abhängigkeiten automatisch auf eine neue Version zu aktualisieren.

Mit ng update möchten Sie möglicherweise manchmal das Flag _--force_ hinzufügen.

Sie können auch das Flag _--all_ übergeben, um alle veralteten Pakete zu aktualisieren.

Stellen Sie nach Abschluss der Aktualisierung sicher, dass die installierte TypeScript-Version von Ihrer aktuellen angular -Version unterstützt wird. Andernfalls müssen Sie möglicherweise die TypeScript-Version zurückstufen. Bedenken Sie auch, dass in der Regel die neueste Version von angular die neueste Version von TypeScript nicht unterstützt.

Lesen Sie auch diese Anleitung Aktualisieren Ihrer Angular Projekte und pdate.angular.io


ALTE ANTWORT:
Sie müssen lediglich mit angle-cli-diff differenzieren und die Änderungen in Ihr aktuelles Projekt übernehmen.

Hier sind die Schritte:

  1. Angenommen, Sie gehen von 1.4. bis 1.5, dann tun Sie https://github.com/cexbrayat/angular-cli-diff/compare/1.4.0...1.5.
  2. klicken Sie auf die Registerkarte _File changed_
  3. Übernehmen Sie die Änderungen in Ihr aktuelles Projekt.
  4. _npm install_/yarn
  5. Testen Sie alle _npm scripts_ ( Weitere Details hier: https://stackoverflow.com/a/45431592/415078 )
13
Kuncevič

Um Angular CLI auf eine neue Version zu aktualisieren, müssen Sie sowohl das globale Paket als auch das lokale Paket Ihres Projekts aktualisieren.

Globales Paket:

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/[email protected]

Lokales Projektpaket:

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/[email protected]
npm install

Quelle: Github

8
Hasan Fathi

In meinem Fall habe ich angle-cli lokal mit npm install --save-dev angular-cli installiert. Wenn ich also den Befehl npm install -g @ angular/cli verwende, wird der Fehler generiert, dass "Ihre globale Angular CLI-Version (1.7.3) größer ist als Ihre lokale Version (1.4. 9) ". Bitte beachten Sie, dass Angular-Cli, @ Angular/Cli und @ Angular/Cli @ latest zwei verschiedene Clis sind. Was dies behebt, ist die Deinstallation aller Clis und die Installation der neuesten angular Clis mit npm install -g @ angular/cli @ latest

3
ARKhan