Cómo actualizar Angular CLI a la última versión
Usando ng --version
obtuve:
@angular/cli: 1.0.0
que no es la última versión disponible.
Como tengo Angular CLI instalado globalmente en mi sistema, para actualizarlo intenté:
npm update angular-cli -g
Pero no funciona, porque se queda en la versión 1.0.0.
Después de leer algunos problemas reportados en el repositorio de GitHub, encontré la solución.
Para actualizar el paquete angular-cli instalado globalmente en su sistema, debe ejecutar:
npm uninstall -g @angular/cli
npm install -g @angular/cli@latest
Dependiendo de su sistema, es posible que necesite anteponer los comandos anteriores consudo
.
Además, lo más probable es que también quieras actualizar la versión de tu proyecto local, porque dentro del directorio de tu proyecto se seleccionará con mayor prioridad que la global:
rm -rf node_modules
npm uninstall --save-dev @angular/cli
npm install --save-dev @angular/cli@latest
npm install
gracias grizzm0 por señalar esto en GitHub .
Después de actualizar su CLI, probablemente también desee actualizar su versión de Angular .
Nota : si está actualizando a Angular CLI 6+ desde una versión anterior, es posible que deba leer esto .
Editar : Además, si todavía estaba en una versión 1.x de cli, debe convertirla angular-cli.json
a angular.json
, lo que puede hacer con el siguiente comando (verifique esto para obtener más detalles):
ng update @angular/cli --from=1.7.4 --migrate-only
Usuarios por primera vez:
npm install -g @angular/cli
Actualización actualización:
npm install -g @angular/cli@latest
Controlar:
ng --version
o Angular 14.X+
ng version
Ver documentación .
ng6+ -> 7.0
Actualizar RxJS (depende de RxJS 6.3)
npm install -g rxjs-tslint
rxjs-5-to-6-migrate -p src/tsconfig.app.json
Eliminarrxjs-compat
Luego actualice los paquetes principales y CLI:
ng update @angular/cli @angular/core
(Opcional: actualice Node.js a la versión 10, que es compatible con NG7)
ng6+ (Cli 6.0+) : presenta comandos simplificados
Primero, actualiza tu CLI
npm install -g @angular/cli
npm install @angular/cli
ng update @angular/cli
Luego, actualice sus paquetes principales
ng update @angular/core
Si usa RxJS, ejecute
ng update rxjs
Actualizará RxJS a la versión 6 e instalará el rxjs-compat
paquete bajo el capó.
Si encuentra errores de compilación, intente realizar una instalación manual de:
npm i rxjs-compat
npm i @angular-devkit/build-angular
Por último, comprueba tu versión.
ng v
Nota sobre la construcción de producción:
ng6 ya no se usa intl
enpolyfills.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 typescript@2.4.2 rxjs@'^5.5.2'
npm install typescript@2.4.2 --save-exact
Nota:
- La versión de Typecript admitida para CLI 1.6 al momento de escribir este artículo es hasta 2.5.3.
- El uso de @next actualiza el paquete a beta, si está disponible. Utilice @latest para obtener la última versión no beta.
Después de actualizar el paquete global y local, borre el caché para evitar errores:
npm cache verify (recommended)
npm cache clean (for older npm versions)
Aquí están las referencias oficiales:
- Actualizando el CLI
- Actualización del paquete principal de paquetes principales .
El poderoso comando instala y reemplaza el último paquete.
Tuve un problema similar. Lo arreglé.
npm install -g @angular/cli@latest
y
npm install --save-dev @angular/cli@latest
El siguiente enfoque funcionó para mí:
npm uninstall -g @angular/cli
entonces
npm cache verify
entonces
npm install -g @angular/cli
Trabajo en Windows 10, a veces tuve que usar: npm cache clean --force
también. No es necesario que lo hagas si no tienes ningún problema durante la instalación.