npm install" を使って、"npm start" でローカルサーバを起動すると、このエラーが発生するようになりました:-)
ERROR in ./~/@angular/material/@angular/material.es5.js
Module not found: Error: Can't resolve '@angular/animations' in '/home/ashvini/Desktop/HN-Angular2/node_modules/@angular/material/@angular'
@ ./~/@angular/material/@angular/material.es5.js 20:0-81
@ ./src/app/app.module.ts
@ ./src/main.ts`enter code here`
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts
webpack: Failed to compile.
これは、angular material designに関連しているのですが、この問題を解決するために何をすべきか理解できていません。
npm install"する前は、問題なく動作していました。
app.module`に以下を追加します。
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
そして、そのモジュールを imports
に追加してください。
imports: [BrowserAnimationsModule]
そして、@angular/animations
のimport文を削除してください。
おそらく npm install
を適用することで Angular のバージョンを v.2 から v.4 に更新したのでしょう。
UPDATE:
または、package.json
に (必要なバージョンを選択) を追加するだけです。
"dependencies": {
"@angular/animations": "^4.0.1",
}
これを依存関係に追加したら、再度 npm install
を適用します。
UPDATE 2:
さらに手っ取り早い方法
npm install @angular/animations --save