4.0.0への更新
Angularの依存関係を最新バージョンに更新し、アニメーションが必要かどうかを再確認するのと同じくらい簡単に4に更新できます。これはほとんどのユースケースで機能します。
Linux / Macの場合:
npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@latest typescript@latest --save
Windowsの場合:
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 typescript@latest --save
次に、通常使用するng serveまたはnpm startコマンドを実行すると、すべてが機能するはずです。
アニメーションに依存している場合は、新しいBrowserAnimationsModule
を@angular/platform-browser/animations
ルートにインポートしますNgModule
。これがないと、コードはコンパイルされて実行されますが、アニメーションはエラーをトリガーします。からのインポート@angular/core
は廃止されました。新しいパッケージからのインポートを使用してください
import { trigger, state, style, transition, animate } from '@angular/animations';.