title: Angular-animate - Unknown provider: $$asyncCallbackProvider <- $$asyncCallback <- $animate <- $compile
body: <p>I have a strange issue. I want to include angular-animate in my AngularJS project - I am using AngularJS v1.2.6. I have added <code>angular-animate</code> to my bower file. It has downloaded and added to my HTML file in the source and it is pointing to the correct file (it loads in the browser). Now I need to add this as a dependancy, so I add the module to my app...</p>
  
  <pre><code>angular.module('myApp', [
          'ngResource',
          'ngSanitize',
          'ngRoute',
          'ui.bootstrap',
          'LocalStorageModule',
          'cookiesModule',
          'ngAnimate'
      ])  
  </code></pre>
  
  <p>However as soon as Grunt kicks in detecting a file change and builds I get the following error:</p>
  
  <pre><code>Unknown provider: $$asyncCallbackProvider &lt;- $$asyncCallback &lt;- $animate &lt;- $compile
  </code></pre>
  
  <p>I've check the spelling, I've followed the instructions mentioned on <a href="https://github.com/angular/bower-angular-animate">https://github.com/angular/bower-angular-animate</a> but I can't see why this isn't working or why I am getting the error! I've change the position of the dependency in the dependency array but this does nothing. Has anyone else experienced this? I'll continue researching this but if anyone has overcome or determined why this is happening please speak up! Thanks in advance</p>