将Angular 4.x迁移到Angular 5

Question

将Angular 4.x迁移到Angular 5

angularangular5

31

我已阅读以下博客和文档：

但是没有关于如何从4.x迁移到5的清晰信息。

我尝试了以下命令：

npm install

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

尝试使用更新指南

 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

对我来说什么都不起作用，请帮帮我

- Aravind

6

当你说“什么都不起作用”时，你的意思是什么？你有遇到任何错误吗？根据更新指南中的命令，我需要删除包名和版本号之间的所有单引号：https://github.com/StephenFluin/angular-update-guide/issues/4 - Kevin Doyon

你也可以编辑你的 package.json 文件，然后运行 npm install。

"dependencies": {     "@angular/animations": "5.0.0",     "@angular/common": "5.0.0",     "@angular/compiler": "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/router": "5.0.0",

- Matthias Sommer

Angular团队提供了一个升级指南，可以在这里找到。 - JayChase

2个回答

5

这个网站让我很容易地升级了Angular。只需输入您要从哪个版本升级以及要升级到哪个版本即可。我的应用程序很简单，因此可能取决于您的应用程序的复杂性。

- Ben

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Peter · Accepted Answer

您需要按照以下方式更新所有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/。这个更新指南将帮助您从任何版本迁移到最新版本。