Categorías
Sin categoría

Como Actualizar Angular (A lo bestia!)

La documentación oficial, y el sitio https://update.angular.io/, dicen que la vida es hermosa y que basta con:

ng update @angular/cli @angular/core

La hermosura de la vida se disuelve una vez uno se encuentra con un error

Cannot GET /

ó con

ERROR in The Angular Compiler requires TypeScript >=3.1.1 and <3.2.0 but 3.2.2 was found instead.

ó con cualquiera de sus hermanitos malvados.

Sin embargo, actualizando Angular 7 a Angular 8, me encontré la manera de hacerlo a lo bestia:

ng update --all --force

Esto forzará a que se acualice todo. Luego podremos lidiar con la actualización de typescript con algo como esto:

npm i [email protected]

En caso de que al intentar servir la aplicación, salga un error como este:

ERROR in The Angular Compiler requires TypeScript >=3.4.0 and <3.6.0 but 3.6.2 was found instead.

Es posible actualizar typescript dentro de los mismos rangos que indica el error así:

npm install [email protected]">=3.4.0 <3.6.0"

Si esto no funciona, sigan buscando!

4 respuestas a «Como Actualizar Angular (A lo bestia!)»

Hola Jesus,

Gracias por compartir. Cada actualización es distinta y algunas vienen con sorpresas, a pesar de que el proceso ha mejorado mucho.

En primera línea, te recomiendo seguir lo que dice la página oficial de actualizaciones de Angular (https://update.angular.io/).

También es posible que alguna librería o componente que estés utilizando no sea compatible. En algunas ocasiones incluso me he visto en la necesidad de esperar un tiempo antes de actualizar

Tienes algún detalle del error que te está saliendo? Tal vez me de alguna pista.

Saludos!

Hola Diego,

A veces uno siente que es el único que sufre estas cosas, pero no, aquí estamos todos dándonos contra el teclado. Te doy unos cuantos puntos que me han servido:

1. Antes de comenzar respalda el proyecto. A lo que uno se frustra puede volver al punto de partida e intentar después.
2. Antes de comenzar revisa bien el archivo package.json. Ahí vas a ver de que versiones estás partiendo y ver como evoluciona el asunto. A veces es simplemente alguna versión que se está quedando resagada.
3. La mayoría de las veces librerías como flex-layout pueden estar por detrás en el proceso de actualización, lo que significa que no se actualizan automáticamente. Si estás intentando actualizar a angular 9 y no está disponible la versión 9 de alguna librería, es posible que puedas instalar una versión en beta que te deje continuar (yo ahorita estoy trabajando flex-layout con la versión ^9.0.0-beta.29).
4. Otras librerías de terceros, por ejemplo fullcalendar/angular, pueden ser incluso más lentas en el proceso de actualización. En ese caso, es mejor esperar y no perder un día entero peleando con las dependecias.
5. Y por último, sigue el procedimiento oficial que da ángular. No es perfecto y a veces lo odio, pero te aseguro que si lo lees con detenimiento y te fijas en los errores que va dando el proceso, será mucho más fácil.

Buena suerte con eso!

Deja una respuesta

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