javascript - animations - Angular-animate-Proveedor desconocido: $$ asyncCallbackProvider<- $$ asyncCallback<- $ animate<- $ compile

ng hide animate

Question

Tengo un problema extraño. Quiero incluir animaciones angulares en mi proyecto AngularJS. Estoy usando AngularJS v1.2.6. He agregado angular-animate a mi archivo bower. Se ha descargado y agregado a mi archivo HTML en la fuente y apunta al archivo correcto (se carga en el navegador). Ahora necesito agregar esto como una dependencia, entonces agrego el módulo a mi aplicación ...

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

Sin embargo, tan pronto como Grunt inicia la detección de un cambio de archivo y compilaciones, aparece el siguiente error:

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

Revisé la ortografía, seguí las instrucciones mencionadas en https://github.com/angular/bower-angular-animate pero no veo por qué esto no funciona o por qué me aparece el error. Cambié la posición de la dependencia en la matriz de dependencia, pero esto no hace nada. Alguien más ha experimentado esto? Continuaré investigando esto, pero si alguien ha superado o determinado por qué sucede esto, ¡por favor háblame! Gracias por adelantado

Answer 1

¡Uf! Creo que lo he solucionado ... ¡Bower parece ser el problema y la solución!

Cambio de AngularJS 1.2.6 a 1.2.15 en el archivo bower y esto parece haber resuelto mi problema:

así que cambié esto:

  "angular": "1.2.6"

a esto

  "angular": "1.2.15"

Bueno, ¡eso solo me costó 2 horas!

Answer 2

El problema aquí es que la versión angular no coincide con la versión animada angular. Trate de mantenerlos alineados, por lo que si usa angular 1.2.6, también use angular-animate 1.2.6.

También debe limpiar los componentes del bower (eliminar la carpeta bower) después de realizar cambios en bower.json, bower no comprobará si la versión instalada es la misma que en bower.json

En general, recomendaría utilizar la versión angular y ng-animada estable más alta disponible si es posible.

Answer 3

En su archivo bower.json

encuentre y cambie a "angular": "1.5.8" y luego escriba "command bower update

Answer 4

Enfrenté el mismo problema. Utilicé angular animate 1.3.4 con angular 1.4.8. Después de bajar la versión angular a 1.3.4, el error desapareció.

Answer 5

Este problema probablemente se deba a un problema de compatibilidad. Aunque cambiar la versión angular en bower.json resolvería el problema, pero la mejor manera de resolver este problema es obtener la última copia de animación angular y angular, es decir ~ 1.4.0

Y la mejor parte es que asyncCallback no se está utilizando en la última versión. Entonces ningún error semejante vendría. :pag