Angular 4 : "export 'AnimationBuilder' was not found in '@angular/animations'

Question

I was using these versions

"dependencies": {
    "@angular/animations": "^5.0.0",
    "@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",
    "archiver": "^2.1.0",
    "body-parser": "^1.18.2",
    "core-js": "^2.4.1",
    "cors": "^2.8.4",
    "express": "^4.16.2",
    "file-saver": "^1.3.3",
    "rxjs": "^5.1.0",
    "zone.js": "^0.8.4"
  },

And my application was working perfect.

I tried compile it using ng build --prod --aot and got this error :

ERROR in Metadata version mismatch for module

and by referring this answer I downgraded @angular/animation version from 5 to 4. Now I am getting this error even if I am compiling using JIT .

Module '"C :/Codebase/cdf-onboarding/node_modules/@angular/animations/animations"' has no exported member 'AnimationBuilder'.

Module '"C :/Codebase/cdf-onboarding/node_modules/@angular/animations/animations"' has no exported member 'AnimationFactory'.

Thanks!

npm i @angular/animations@latest or try and update to the latest version of angular — Rahul Singh, Nov 08 '17 at 10:32
@RahulSingh As I mentioned I was already using latest animation module which is version 5 — ricky, Nov 08 '17 at 10:33

score -1 · Answer 1 · answered Nov 08 '17 at 13:43

Couple of things, you can try:

1) you should import BrowserAnimationsModule from @angular/platform-browser/animations in your App NgModule.

2) If you import any animations services or tools from @angular/core, you should import them from @angular/animations.

3) please update angular versions too.

Angular 4 : "export 'AnimationBuilder' was not found in '@angular/animations'

1 Answers1