Angular 2プロジェクトのAngular 4アップデートへの更新

Question

この公式リンク（Update to Angular 4）を通過した後、私は最近、Angular 2プロジェクトをAngular 4にアップグレードしました。

アップグレード後、次のエラーが発生し、私のpackage.jsonファイルに問題が発生していると私のAngular appが実行されているようです。

Answer 1

ステップ角度4.

1に角度2からアプリケーションを更新するために）あなたのノードモジュール

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

アニメーションを使用している場合は、あなたはまだあなたが角度Release Noteから読み取るか、このlink

Answer 2

1. それはすべての権利のパッケージが含まれている場合は、あなたのpackage.jsonを確認してください。最新のタイプスクリプトを実行していることを確認してください。

2. は、あなたのNPMモジュールを再インストールしてください：最新のノードバージョン、最初のアンインストールノードの古いバージョンをインストールしている間

   npm install rimraf -g 
   rimraf node_modules 
   npm install 
   

Answer 3

、および手動でインストールパスからすべてのノードに関連するファイルを削除し、ノードjsの新しいバージョンをインストールしてみてください。次に、 "npm clear cache"コマンドを実行します。

angular-cliグローバルnpmパッケージ名は、angular2とangular4で異なります。

Answer 4

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

変更typescriptですバージョン "typescriptです" を参照することができ、問題に直面した場合

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

を使用して、ルートNgModuleで： "^ 2.4.0"〜 "typescript"： "^ 2.3.4"そしてnpmインストールバージョンが変更され、またrxjsバージョンは"rxjs"： "^ 5.4.2"package.jsonになります。次に、コマンドngを実行してを実行しています。次に、 要素で角度バージョンを確認できます。

Answer 5

Package.jsonとtsconfig.jsonの内容を変更します。コンテンツについては、here を参照し、ノードモジュール内のすべてのファイルを削除してください。 コマンド "npm install & & npmアップデート& & npm start"を実行します。

Answer 6

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