documentacion - router events angular 6

Migración de Angular 4.x a Angular 5

Question

Esta pregunta ya tiene una respuesta aquí:

• Cómo actualizar / actualizar de Angular 4 a Angular 5+ 7 respuestas

He leído los siguientes blogs y documentación.

• Blog angular
• Alligator IO Docs
• Documentación oficial

y no hay información clara sobre cómo migrar de 4.xa 5.

Probé los siguientes comandos

• npm install

  npm install @angular/{animations,common,compiler,compiler-cli,
              core,forms,http,platform-browser,platform-browser-dynamic,
              platform-server,router}@5.0.0

• instalación de hilo

  yarn add @angular/{animations,common,compiler,compiler-cli,
           core,forms,http,platform-browser,platform-browser-dynamic,
           platform-server,router}@5.0.0

• Probé la guía de actualización

   npm install @angular/animations@''^5.0.0'' @angular/common@''^5.0.0'' 
          @angular/compiler@''^5.0.0'' @angular/compiler-cli@''^5.0.0'' 
          @angular/core@''^5.0.0'' @angular/forms@''^5.0.0''
          @angular/http@''^5.0.0'' @angular/platform-browser@''^5.0.0'' 
          @angular/platform-browser-dynamic@''^5.0.0'' 
          @angular/platform-server@''^5.0.0'' @angular/router@''^5.0.0'' 
          [email protected] rxjs@''^5.5.2''
  
   npm install [email protected] --save-exact

Nada funcionó bien para mí. Por favor ayuda

Answer 1

Debe actualizar todos los paquetes angulares provistos a sus últimas versiones de la siguiente manera:

npm install [email protected] --save-dev

npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest --save

Esto debería hacer todo lo necesario. Además, también puede actualizar su cli angular que se entrega con angular 5 como versión estándar de la siguiente manera:

npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/cli@latest

Aquí está el blog oficial del equipo de Angular: https://angular-update-guide.firebaseapp.com/ . Esta guía de actualización lo ayudará a migrar de cualquier versión a la última.

Answer 2

Este sitio web me lo hizo muy fácil. Ingrese su versión desde la que se está actualizando y a cuál se está actualizando. Mi aplicación es simple, por lo que puede depender de la complejidad de su aplicación.