Angular 2项目改为Angular 4更新问题

Question

我最近通过这个官方链接（Update to Angular 4）将我的Angular 2项目升级到Angular 4。

升级后，当我正在运行我的Angular应用程序时出现错误，并说我的package.json文件存在一些问题。

Answer 1

"devDependencies": {
  "concurrently": "^2.2.0",
  "lite-server": "^2.2.2",
  "typescript": "2.3.4",
  "typings": "^1.3.2"
}

将typescript版本“typescript”：“^ 2.4.0”更改为“typescript”：“^ 2.3.4”然后命令 npm install 版本将会更改，并且 rxjs 版本将在 package.json中“rxjs”：“^ 5.4.2”。然后运行命令 ng serve 它的工作正常。然后你可以检查你的角度版本 元件。

Answer 2

将应用程序从角度2更新为角度4的步骤。

1）删除节点模块

2）更新您的依赖项 在Linux环境中

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

现在使用ng serve或npm start

为您的应用提供服务

如果您使用动画，请使用

在根NgModule中导入BrowserAnimationsModule

import { BrowserAnimationsModule } from @angular/platform-browser/animations

如果您仍然遇到问题，那么您可以阅读角度Release Note或者您可以参考此link

Answer 3

如果您使用的是Ubuntu，可以通过此命令进行更新。

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

希望这会对你有所帮助。

Reference website

Answer 4

1. 检查package.json是否包含所有正确的套餐。确保您正在运行最新的打字稿。

2. 尝试重新安装npm模块：

   npm install rimraf -g
   rimraf node_modules 
   npm install
   

Answer 5

在安装最新节点版本时，首先卸载旧版本的节点，然后从其安装路径中手动删除所有与节点相关的文件，并尝试安装较新版本的节点js。然后运行“npm clear cache”命令。

angular-cli全局npm包名称对于angular2和angular4是不同的。

Answer 6

更改Package.json和tsconfig.json内容。有关内容，请参阅here 删除节点模块内的所有文件。 运行命令“npm install＆amp;＆amp; npm update＆amp;＆amp; npm start”。