Come aggiornare Angular CLI all’ultima versione

Usando ng --version ho ottenuto:

@ angular / cli: 1.0.0

che non è l’ultima versione disponibile.

Dal momento che ho installato Angular CLI globalmente sul mio sistema, per aggiornarlo ho provato:

npm update angular-cli -g

Ma non funziona, perché rimane alla versione 1.0.0.

Dopo aver letto alcuni problemi riportati nel repository GitHub, ho trovato la soluzione.

Per aggiornare il pacchetto angular-cli installato a livello globale nel tuo sistema, devi eseguire:

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

A seconda del sistema, potrebbe essere necessario anteporre i comandi precedenti con sudo .

Inoltre, molto probabilmente si desidera aggiornare anche la versione del progetto locale, perché all’interno della directory del progetto verrà selezionato con priorità più alta di quella globale:

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

grazie grizzm0 per averlo indicato su GitHub .

Dopo aver aggiornato la tua CLI, probabilmente vorrai aggiornare anche la tua versione Angular .

Nota : se si sta eseguendo l’aggiornamento a Angular CLI 6+ da una versione precedente, potrebbe essere necessario leggerlo.

Ricorda di aggiornare i pacchetti principali dopo l’aggiornamento del Cli.

ng6 + (Cli 6.0+) : offre comandi semplificati

Innanzitutto, aggiorna il tuo Cli

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

Quindi, aggiorna i tuoi pacchetti principali

 ng update @angular/core 

Se usi RxJS, corri

 ng update rxjs 

Aggiornerà RxJS alla versione 6 e installerà il pacchetto rxjs-compat sotto il cofano.

Se riscontri errori di compilazione, prova un’installazione manuale di:

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

Infine, controlla la tua versione

 ng -v 

Nota sulla build di produzione:

ng6 non usa più intl in 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] [email protected]'^5.5.2' npm install [email protected] --save-exact 

Nota:

  1. La versione di Typescript supportata per Cli 1.6 fino alla versione 2.5.3.
  2. Usando @next aggiorna il pacchetto alla versione beta, se disponibile. Utilizza @latest per ottenere l’ultima versione non beta.

Dopo aver aggiornato sia il pacchetto globale che quello locale, svuota la cache per evitare errori:

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

Ecco i riferimenti ufficiali:

  1. Aggiornamento del Cli
  2. Aggiornamento del pacchetto base dei pacchetti core .

puoi semplicemente usare

npm install -g angular-cli – se è la tua prima volta

npm install -g @angular/[email protected] – se è già installato, quindi per l’aggiornamento

Il potente comando installa e sostituisce l’ultimo pacchetto.

Ho avuto un problema simile. L’ho riparato.

  npm install -g @angular/[email protected] 

e

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

inserisci la descrizione dell'immagine qui

Questo comando funziona bene:

 npm upgrade -g @angular/cli 

Oltre alla risposta @ShinDarth .

Ho fatto quello che ha detto, ma il mio pacchetto non ha aggiornato la versione angular, e so che questo post riguarda angular-cli , ma penso che questo possa aiutare anche noi.

  • quindi dopo aver fatto quello che @ShinDarth ha detto sopra, per sistemare la mia versione angular ho dovuto creare un nuovo progetto con -ng new projectname che ha generato un pacchetto.
  • copia il nuovo pacchetto, quindi incolla il nuovo pacchetto su tutti i pacchetti di progetti che necessitano di aggiornamento (ricordati di aggiungere le dipendenze che avevi e cambia il nome sulla prima riga) oppure puoi semplicemente modificare le versioni manualmente senza copiare e incollare.
  • quindi eseguire -npm install .

Ora il mio ng serve sta funzionando di nuovo, forse c’è un modo migliore per fare tutto questo, se qualcuno lo sa, per favore condividi, perché questo è un problema con tutti i progetti che necessitano di aggiornamento.

Per aggiornare la CLI angular in una nuova versione, è necessario aggiornare sia il pacchetto globale che il pacchetto locale del progetto.

Pacchetto globale:

 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] 

Pacchetto di progetti locali:

 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 

Fonte: Github

Il seguente approccio ha funzionato per me:

 npm uninstall -g @angular/cli 

poi

 npm cache verify 

poi

 npm install -g @angular/[email protected] 

Lavoro su Windows 10, a volte ho dovuto usare: npm cache clean --force pure. Non è necessario farlo se non si verificano problemi durante l’installazione.

Tutto quello che devi fare è diffare con angular-cli-diff e applicare i cambiamenti nel tuo progetto attuale.

Ecco i passaggi:

  1. Dì che vai da 1,4. a 1,5 poi fai https://github.com/cexbrayat/angular-cli-diff/compare/1.4.0…1.0.0
  2. fare clic sulla scheda File changed
  3. Applica le modifiche al tuo progetto attuale.
  4. npm install / yarn
  5. Prova tutti npm scripts ( maggiori dettagli qui: https://stackoverflow.com/a/45431592/415078 )

Nel mio caso, ho installato angular-cli localmente usando npm install –save-dev angular-cli. Quindi, quando uso comando npm install -g @ angular / cli, genera un errore che dice che “La tua versione globale CLI angular (1.7.3) è maggiore della versione locale (1.4.9)” . Si noti che angular-cli, @ angular / cli e @ angular / cli @ latest sono due diversi cli. Ciò che risolve questo è disinstallare tutti i cli e quindi installare il più recente cli angular usando npm install -g @ angular / cli @ latest