La Migration Angulaire 4.x Angulaire 5

Question

J'ai lu les blogs suivants et de la documentation

• Angulaire Blog
• Alligator IO Docs
• La Documentation Officielle

et pas d'informations claires sur la façon de migrer à partir de 4.x à 5.

Essayé les commandes suivantes

• npm install

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

• fil d'installation

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

• Essayé le guide de mise à jour

   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' 
          typescript@2.4.2 rxjs@'^5.5.2'
  
   npm install typescript@2.4.2 --save-exact
  

Rien n'a fonctionné très bien pour moi. S'il vous plaît aider

Answer 1

Vous devez mettre à jour tous angulaire packages fournis à leurs versions les plus récentes comme suit:

npm install typescript@2.4 --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

Cela devrait faire tout le nécessaire. De Plus, vous pourriez également mettre à jour votre angulaire de la cli qui est livré avec angulaire 5 version standard comme suit:

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

Voici l'article sur le blog officiel Angulaire de l'équipe : https://angular-update-guide.firebaseapp.com/. Cette mise à jour guide va vous aider à migrer à partir de n'importe quelle version la plus récente.

Answer 2

Ce site web , il est très facile pour moi. Mettre dans votre version de mise à niveau à partir de, et de celle que vous avez mise à niveau. Mon application est simple, de sorte qu'il peut dépendre de la complexité de votre application.