Angular-animate – fournisseur inconnu: $$ asyncCallbackProvider <- $$ asyncCallback <- $ animate <- $ compile

J'ai un problème étrange. Je veux inclure l'animation angulaire dans mon projet AngularJS – J'utilise AngularJS v1.2.6. J'ai ajouté angular-animate à mon fichier Bower. Il a téléchargé et ajouté à mon fichier HTML dans la source et il indique le fichier correct (il charge dans le navigateur). Maintenant, je dois ajouter ceci en tant que dépendance, alors j'ajoute le module à mon application …

 angular.module('myApp', [ 'ngResource', 'ngSanitize', 'ngRoute', 'ui.bootstrap', 'LocalStorageModule', 'cookiesModule', 'ngAnimate' ]) 

Cependant, dès que Grunt déclenche la détection d'un changement de fichier et de la construction, j'obtiens l'erreur suivante:

 Unknown provider: $$asyncCallbackProvider <- $$asyncCallback <- $animate <- $compile 

J'ai vérifié l'orthographe, j'ai suivi les instructions mentionnées sur https://github.com/angular/bower-angular-animate, mais je ne vois pas pourquoi cela ne fonctionne pas ou pourquoi j'avance l'erreur! J'ai changé la position de la dépendance dans le tableau de dépendance, mais cela ne fait rien. Est-ce que quelqu'un d'autre a connu cela? Je vais continuer à faire des recherches, mais si quelqu'un a surmonté ou déterminé pourquoi cela se produit, dites-le! Merci d'avance

Phew! Je pense que j'ai réglé ceci … Bower semble être le problème et la solution!

Je change de AngularJS 1.2.6 à 1.2.15 par fichier bower et cela semble avoir résolu mon problème:

J'ai donc changé ceci:

  "angular": "1.2.6" 

pour ça

  "angular": "1.2.15" 

Eh bien, cela ne m'a coûté que 2 heures!

Le problème ici est que la version angulaire ne correspond pas à la version angulaire-animée. Essayez de les garder alignés, donc, si vous utilisez 1.2.6 angulaire, utilisez également angular-animate 1.2.6.

De plus, vous devez nettoyer vos composants de bower (supprimer le dossier de bower) après avoir effectué des modifications dans bower.json, bower ne vérifiera pas si la version installée est identique à celle de bower.json

Généralement, je recommanderais d'utiliser la version angulaire et ng-animée stable la plus élevée disponible si vous le pouvez.

Ce problème est probablement dû au problème de compatibilité. Bien que le changement de la version angulaire dans bower.json résoudrait le problème, mais la meilleure façon de résoudre ce problème est d'obtenir la dernière copie d'animations angulaires et angulaires, c'est-à-dire ~ 1.4.0

Et la meilleure partie est asyncCallback n'est pas utilisé dans la dernière version. Donc, aucune erreur de ce genre ne viendrait. : P

J'ai eu le même problème. J'ai utilisé l'animation angulaire 1.3.4 avec angulaire 1.4.8. Après la fin de la classe, la version angulaire à 1.3.4, disparue.

Dans votre fichier bower.json

Recherchez et changez en "angular": "1.5.8" et sur la commande de commande de type bower update