Angular 4 - Import BrowserAnimationsModule or NoopAnimationsModule -

i m working on angular4 application , upgraded using seed. error,

tried approaches

import { noopanimationsmodule } '@angular/platform-browser/animations/index'; import { noopanimationsmodule } '@angular/animations'; import { noopanimationsmodule } '@angular/platform-browser/animations'; 

package json

 "dependencies": {     "@angular/animations": "^4.0.1",     "@angular/common": "^4.0.1",     "@angular/compiler": "^4.0.1",     "@angular/compiler-cli": "^4.0.1",     "@angular/core": "^4.0.1",     "@angular/forms": "^4.0.1",     "@angular/http": "^4.0.1",     "@angular/platform-browser": "^4.0.1",     "@angular/platform-browser-dynamic": "^4.0.1",     "@angular/platform-server": "^4.0.1",     "@angular/router": "^4.0.1",     "@angular/testing": "0.0.0-0",     "bootstrap": "^3.3.6",     "core-js": "^2.4.1",     "font-awesome": "^4.7.0",     "primeng": "^2.0.5",     "rxjs": "5.0.1",     "systemjs": "0.19.40",     "typescript": "^2.2.2",     "zone.js": "^0.8.4"   },   "devdependencies": {     "concurrently": "^3.2.0",     "lite-server": "^2.2.2",     "typescript": "~2.1.0",     "canonical-path": "0.0.2",     "primeng": "^2.0.5",     "tslint": "^3.15.1",     "rimraf": "^2.5.4",     "@types/node": "^6.0.46"   }, 

in app.module.ts

import { browseranimationsmodule } '@angular/platform-browser/animations';  @ngmodule({   ...,   imports: [     ...,     browseranimationsmodule   ],   ... }) 

nb: make sure @angular/animations package installed

---

update dependencies.

those current dependencies angular 4 project angular-cli:

  "dependencies": {     "@angular/common": "^4.0.0",     "@angular/compiler": "^4.0.0",     "@angular/core": "^4.0.0",     "@angular/forms": "^4.0.0",     "@angular/http": "^4.0.0",     "@angular/platform-browser": "^4.0.0",     "@angular/platform-browser-dynamic": "^4.0.0",     "@angular/router": "^4.0.0",     "core-js": "^2.4.1",     "rxjs": "^5.1.0",     "zone.js": "^0.8.4"   },   "devdependencies": {     "@angular/cli": "1.0.0",     "@angular/compiler-cli": "^4.0.0",     "@types/jasmine": "2.5.38",     "@types/node": "~6.0.60",     "codelyzer": "~2.0.0",     "jasmine-core": "~2.5.2",     "jasmine-spec-reporter": "~3.2.0",     "karma": "~1.4.1",     "karma-chrome-launcher": "~2.0.0",     "karma-cli": "~1.0.1",     "karma-jasmine": "~1.1.0",     "karma-jasmine-html-reporter": "^0.2.2",     "karma-coverage-istanbul-reporter": "^0.2.0",     "protractor": "~5.1.0",     "ts-node": "~2.0.0",     "tslint": "~4.5.0",     "typescript": "~2.2.0"   }