将Angular 4.x迁移到Angular 5

Ara*_*ind 32 angular angular5

我已阅读以下博客和文档

并没有关于如何从4.x迁移到5的明确信息.

尝试以下命令

  • npm安装

    npm install @angular/{animations,common,compiler,compiler-cli,
                core,forms,http,platform-browser,platform-browser-dynamic,
                platform-server,router}@5.0.0
    
    Run Code Online (Sandbox Code Playgroud)
  • 纱线安装

    yarn add @angular/{animations,common,compiler,compiler-cli,
             core,forms,http,platform-browser,platform-browser-dynamic,
             platform-server,router}@5.0.0
    
    Run Code Online (Sandbox Code Playgroud)
  • 尝试了更新指南

     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
    
    Run Code Online (Sandbox Code Playgroud)

没有什么比我好.请帮忙

Vis*_*ati 72

您需要将所有角度提供的软件包更新到其最新版本,如下所示:

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
Run Code Online (Sandbox Code Playgroud)

这应该做所有必要的.另外,您还可以将角度为5的角度cli更新为标准版本,如下所示:

npm uninstall -g @angular/cli
npm cache clean
npm install -g @angular/cli@latest
Run Code Online (Sandbox Code Playgroud)

以下是Angular团队的官方博客文章:https://angular-update-guide.firebaseapp.com/ .此更新指南将帮助您从任何版本迁移到最新版本.

  • 而不是`npm cache clean`而是使用`npm cache verify` (8认同)
  • 为我工作......我使用过 npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @ angular/platform-b​​rowser@latest @angular/platform-b​​rowser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest typescript@latest -g --save (3认同)
  • @ForamSangani,-g参数将全局安装每个包,应该删除. (3认同)

Ben*_*Ben 5

这个网站让我很容易.放入您正在升级的版本,以及升级到哪个版本.我的应用很简单,因此可能取决于您应用的复杂程度.