angular - 将 Angular 4.x 迁移到 Angular 5

标签 angular angular5

<分区>

我已阅读以下博客和文档

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

尝试了以下命令

  • npm 安装

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

    yarn add @angular/{animations,common,compiler,compiler-cli,
             core,forms,http,platform-browser,platform-browser-dynamic,
             platform-server,router}@5.0.0
    
  • 尝试了 update guide

     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
    

对我来说没有任何效果。请帮忙

最佳答案

您需要将所有 Angular 提供的包更新到最新版本,如下所示:

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

这应该完成所有必要的工作。另外,您还可以将 Angular 5 随附的 Angular CLI 更新为标准版本,如下所示:

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

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

关于angular - 将 Angular 4.x 迁移到 Angular 5,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47104188/

相关文章:

html - 如何从 Angular 5 中的二维数组打印表格?

function - Angular 5 服务在函数内部显然为空

Angular 6 从 Material 表中获取排序数据

Angular 2 - 无法解析 LoginService 的所有参数

angular - 如何在 HostListener 输入操作中防止默认()

javascript - 解析 Angular 5 期间的 Http 失败

Angular *ngIf 内存使用

javascript - Angular2 ElementRef nativeElement 检查元素是否被禁用

angular - 调用 Angular Web 组件方法(CustomElement)

angular - 如何在 PrimeNG 自动完成文本框的 `onBlur` 事件上将值传递给我的组件?