angular js unknown provider error angular-animate

Question

After removing bower_components and making a cache clean I reinstalled dependencies using bower install. The app fails to load with following error Uncaught Error: [$injector:unpr] Unknown provider: $$forceReflowProvider <- $$forceReflow <- $$animateQueue <- $animate <- $compile <- $$animateQueue

Here is my bower.json

{
  "name": "angular-zolo",
  "version": "0.0.0",
  "dependencies": {
    "angular": "1.4.3",
    "json3": "~3.3.1",
    "es5-shim": "~3.0.1",
    "bootstrap-sass-official": "~3.1.1",
    "bootstrap": "~3.1.1",
    "angular-resource": ">=1.2.*",
    "angular-cookies": ">=1.2.*",
    "angular-sanitize": ">=1.2.*",
    "angular-bootstrap": "~0.11.0",
    "font-awesome": ">=4.1.0",
    "lodash": "~2.4.1",
    "angular-socket-io": "~0.6.0",
    "angular-ui-router": "~0.2.15",
    "angular-material": "master",
    "material-date-picker": "~1.1.7",
    "ng-table": "~0.7.1",
    "md-data-table": "*",
    "ngstorage": "~0.3.7",
    "ng-file-upload": "~6.0.4",
    "velocity": "~1.2.2",
    "nprogress": "~0.2.0"

  },
  "devDependencies": {
    "angular-mocks": ">=1.2.*",
    "angular-scenario": ">=1.2.*"
  },
  "resolutions": {
    "angular-material": "master",
    "angular": "~1.4.0",
    "lodash": "~3.9.3"

  }
}

Community · Accepted Answer · 2017-05-23 10:31:15Z

48

Just to highlight what Olivier said in a comment, make sure you keep your version of angular and angular-animate in sync.

From bower.json

Good

  "dependencies": {
    "angular": "~1.4.6",
    "angular-animate": "~1.4.6",

Bad - out of sync

  "dependencies": {
    "angular": "~1.4.0",
    "angular-animate": "~1.4.6",

edited May 23, 2017 at 10:31

CommunityBot

11 silver badge

answered Sep 24, 2015 at 18:10

TrophyGeek

6,1292 gold badges38 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sofiene Djebali · Accepted Answer · 2015-08-14 13:42:07Z

34

Angular-animate is not in your bower.json file, :) install it with :

bower install angular-animate --save

answered Aug 14, 2015 at 13:42

Sofiene Djebali

4,5481 gold badge24 silver badges28 bronze badges

2 Comments

Valentin Waeselynck Over a year ago

Having the same issue, and I do have angular-animate :/ any ideas?

isherwood Over a year ago

This resolved the error I was getting with a fresh in stall of github.com/jdourlens/Start-Angular-Material.

Stefan Schäfer · Accepted Answer · 2015-08-21 11:56:55Z

13

Had the same problem with version >=1.4.4 of angular-animate. Use version 1.4.3 until it's fixed in a future release.

answered Aug 21, 2015 at 11:56

Stefan Schäfer

1312 bronze badges

1 Comment

Olivier Over a year ago

To be exact, don't use angular animate 1.4.4 with angular 1.4.3, if you use angular 1.4.4 it will work fine :)

Akhter Al Amin · Accepted Answer · 2017-01-03 11:01:28Z

0

I solved it installing angular-animate like this:

bower install angular-animate#x.x.x

x.x.x is the version number equals to angular version.

answered Jan 3, 2017 at 11:01

Akhter Al Amin

9621 gold badge11 silver badges25 bronze badges

Collectives™ on Stack Overflow

angular js unknown provider error angular-animate

4 Answers 4

Comments

2 Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

1 Comment

Comments

Linked

Related