Uncaught Error: Unknown provider: $animateProvider from ngAnimate

1,596 views
Skip to first unread message

Jake Kwon

unread,
Mar 21, 2014, 5:14:28 PM3/21/14
to ang...@googlegroups.com

Hello,

I've been working on my angular app and then decided to run bower update to update my packages.

After updating I get the following error:
Uncaught Error: Unknown provider: $animateProvider from ngAnimate

So what's causing this error? Why does this error come up after updating the bower packages?

Thanks

Justin Walsh

unread,
Mar 22, 2014, 2:41:20 AM3/22/14
to ang...@googlegroups.com
Hi Jake

In later versions of angular (1.2+) there is a separate "angular-animate.js" script, which has to be included in order for animations to work.

Could it be that you have upgraded from 1.1.x to a 1.2.x version and now require the script.  Something like:


- Justin

J Kwon

unread,
Mar 22, 2014, 3:06:28 AM3/22/14
to ang...@googlegroups.com
Hi, Justin

Thanks for your reply.

I've checked and my script pointing to angular-animate.js was correct. I later executed the following command

- bower install angular#1.2.9 

after installing it worked fine.

I'm not sure what went wrong with the previous 'bower update' command but apparently it installed a weird
angular version that wasn't working correctly... hope it wasn't the case.




On Fri, Mar 21, 2014 at 11:41 PM, Justin Walsh <jus...@silvermoongroup.com> wrote:
Hi Jake

In later versions of angular (1.2+) there is a separate "angular-animate.js" script, which has to be included in order for animations to work.

Could it be that you have upgraded from 1.1.x to a 1.2.x version and now require the script.  Something like:


- Justin

--
You received this message because you are subscribed to a topic in the Google Groups "AngularJS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/angular/qB2wUgH2cD4/unsubscribe.
To unsubscribe from this group and all its topics, send an email to angular+u...@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Paul B.

unread,
Mar 22, 2014, 7:13:34 AM3/22/14
to ang...@googlegroups.com
In addition to including the script, you may also need to inject the ngAnimate module into your app.

angular.module ('yourModuleName', ['ngAnimate']);

Hope this helps.

J Kwon

unread,
Mar 22, 2014, 8:29:44 PM3/22/14
to ang...@googlegroups.com
Hey, Paul

Thanks for your answer, but I had the ngAnimate included.

I was using angular version 1.2.0 then executed 'bower update' to upgrade all my packages.

Then angularjs didnt start properly complaining that sth was wrong with ngAnimate.

Now everything is fine since I did a bower update to angular#1.2.9 , but seems like there are inconsistencies with angulars dependencies ( seems like for every version there are a different set of dependencies which trigger errors )



Reply all
Reply to author
Forward
0 new messages