AngularJS: $ injector: erreur non résolue lors de l'utilisation de ngAnimate

Je suis en train d'ajouter ngAnimate à mon angulaire de l'application des dépendances. Voici mon angulaire application fichier:

var carApp = angular.module("carApp", ["ngAnimate"]);

Voici mon TableBodyCtrl contrôleur:

carApp.controller("TableBodyCtrl", function($scope, $http){
    $scope.loading = false;
    ...
});

Voici mon TablePanelCtrl:

carApp.controller("TablePanelCtrl", function(){
    this.tab = 1;
    ...
});

Mon contrôleur sont dans des fichiers différents dans le controller dossier.

Voici le script charge angulaire bibliothèques:

<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/angular-animate.min.js"></script>

Voici le script de chargement de mon angulaire application fichier:

<script type="text/javascript" src="js/carApp.js"></script>

Voici le script charge de mes contrôleurs:

<script type="text/javascript" src="js/controllers/TablePanelCtrl.js"></script>
<script type="text/javascript" src="js/controllers/TableBodyCtrl.js"></script>

Quand je lance mon application web, j'obtiens cette erreur:

Unknown provider: $$qProvider <- $$q <- $animate <- $compile

https://docs.angularjs.org/error/$injector/unpr?p0=$$qProvider%20%3C-%20$$q%20%3C-%20$animate%20%3C-%20$compile

Cette erreur n'a commencé à se manifester après l'ajout "ngAnimate" à mon angulaire application dépendances.

Comment puis-je régler ce problème?

source d'informationauteur Michael

  1. 2

    J'ai configuré exactement la même configuration que vous avez fournies dans ce plnkr,

    Il n'y a pas d'erreurs. Ce que vous faites est correct.

    L'ordre des fichiers et la création de module avec "ngAnimate" comme la dépendance

    var carApp = angular.module("carApp", ["ngAnimate"]);

    est la bonne façon de le faire.

    Barbante, un point à garder à l'esprit:

    de Angularjs docs

    Il existe deux types de angulaire script Url, vous pouvez désigner, un pour
    le développement et l'autre pour la production:

    angular.js — C'est le lisible par l'homme, non-version minifiée,
    adapté pour le développement web. angular.min.js — C'est le minifiés
    version, nous vous suggérons fortement de l'utiliser en production.

    en va de même pour angular-animate.js.

    Cela vous aidera dans le développement, tandis qu'il va vous montrer la meilleure des rapports d'erreur.

    Un autre point est de même lors de l'utilisation de minifiés angularjs version, vous obtenez un lien vers "un long descriptif' msg d'erreur, et en regardant le lien votre fourni avec votre msg d'erreur, j'ai vu ceci:

    Un inconnu fournisseur d'erreur peut aussi être causée par hasard
    la redéfinition d'un module à l'aide de l'angle.module API, comme indiqué dans l'
    l'exemple suivant.

    angular.module('myModule', [])
.service('myCoolService', function () { /* ... */ });

angular.module('myModule', [])
//myModule has already been created! This is not what you want!
.directive('myDirective', ['myCoolService', function (myCoolService) {
  //This directive definition throws unknown provider, because myCoolService
  //has been destroyed.
}]);

    Pour résoudre ce problème, assurez-vous de ne définir chaque module avec l'angle.module(nom, [exige]) de la syntaxe, une fois l'ensemble de votre
    projet. Le récupérer pour un usage ultérieur angulaire.module(nom). L'
    fixe exemple est montré ci-dessous.

    angular.module('myModule', [])
.service('myCoolService', function () { /* ... */ });

angular.module('myModule')
.directive('myDirective', ['myCoolService', function (myCoolService) {
  //This directive definition does not throw unknown provider.
}]);
  2. 34

    J'ai eu le même message d'erreur et viens de comprendre pourquoi cela se passe.

    La cause, c'est selon "angulaires-animer": "~1.3.0", afin de verdure a l'aide Angulaire v1.3 même si le reste du projet a été en fonction Angulaire 1.2.

    Suffit d'utiliser

    "angular-animate": "~1.2.0"

    au lieu de

    "angular-animate": "~1.3.0"

    dans votre bower.fichier json. Après un bower install tout devrait fonctionner!

    Même réponse ici: https://stackoverflow.com/a/26596023/2171509

  3. 5

    J'ai eu le même problème,résolu par 

    bower update.
  4. 0

    J'ai eu le même problème, la raison semble être un conflit entre les versions de ces bibliothèques.

    Je n'ai pas vu ce message d'erreur après avoir mis à jour à AngularJS v1.3.14 de v 1.2. Essayez différentes versions & vérifier leur compatibilité.