Saltar al contenido

Cómo actualizar Angular CLI a la última versión

Estate atento porque en este artículo vas a encontrar la solución que buscas.

Solución:

Después de leer algunos problemas informados 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/[email protected]

Dependiendo de su sistema, es posible que necesite prefix los comandos anteriores con sudo.

Además, lo más probable es que también desee actualizar la versión de su proyecto local, porque dentro del directorio de su proyecto se seleccionará con mayor prioridad que la global:

rm -rf node_modules
npm uninstall --save-dev @angular-cli
npm install --save-dev @angular/[email protected]
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 la CLI, necesita convertir su angular-cli.json para angular.jsonque puedes hacer con el siguiente comando:

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

(marque esto para más detalles).

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

Eliminar rxjs-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, actualice su 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 se encuentra con errores de compilación, intente 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 usa intl en 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 versión admitida de TypeScript para Cli 1.6 en el momento de la escritura es hasta 2.5.3.
  2. El uso de @next actualiza el paquete a beta, si está disponible. Use @latest para obtener la última versión no beta.

Después de actualizar tanto el paquete global como el local, borre el caché para evitar errores:

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

Estas son las referencias oficiales:

  1. Actualización de la CLI
  2. Actualización del paquete principal de los paquetes principales.

Usuarios por primera vez:

npm install -g @angular/cli

Actualización actualización:

npm install -g @angular/[email protected]

Controlar:

ng --version

Ver documentación.

valoraciones y reseñas

No se te olvide comunicar esta reseña si te ayudó.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *