Menu

Actualizando tu App a Angular 6

angular - May 09, 2018 por Carlos Rojas | Edita este Post.

Con la salida de la nueva plataforma Angular V.6 y su nueva gama de posibilidades y mejoras no es raro querer migrar tu App a Angular V.6 y su CLI.

Recientemente, estoy actualizando todo los repos del curso de Angular a la version de Angular 6 y ayudandome de la app update.angular.io y el comando ng update, el proceso es relativamente sencillo y te dejamos aca los pasos.

Pasos.

Suponemos que tu proyecto funciona con el Angular CLI y se encuentra en una versión anterior.

  • Actualizar el Angular CLI a su versión 6.
npm install -g @angular/cli
  • Actualizar el paquete Angular CLI en tu proyecto.
ng update @angular/cli
  • Normalmente el actualizar el Angular CLI sube las versiones de los paquetes de Angular a su version 6. Sin embargo, con el ng update nos aseguraremos de que otros paquetes necesitamos actualizar.
ng update
  • Y por último lo que me parece mas complejo y es actualizar rxjs en su versión 6 cambiaron el nombre al importar sus librerias y si lo usas en tu proyecto vas a recibir muchos errores. Entonces, deberas buscar donde lo importas y cambiarlo a la nueva nomenclatura.

import { Subscription } from ‘rxjs/Subscription’ cambia a import { Subscription } from ‘rxjs’

import { Subject } from ‘rxjs/Subject’ cambia a import { Subject } from ‘rxjs’

import { BehaviorSubject } from ‘rxjs/BehaviorSubject’ cambia a import { BehaviorSubject } from ‘rxjs’

import { Observable } from ‘rxjs/Observable’ cambia a import { Observable } from ‘rxjs’

import { of } from ‘rxjs/observable/of’ cambia a import { of } from ‘rxjs’

Importante, si utilizas alguno de los operadores deberas utilizar su nueva forma así.

Bueno esperamos que esta información te ayude en tus proyectos con Angular.

Si te gustó comparte y/o comenta. Hasta la proxima :)

¡Compártelo!