Minification rompt l'application Angularjs - angularjs

J'ai récemment ajouté un service à mon application qui lui a causé une erreur. Le code fonctionne bien quand il n'est pas minifié. Quand minified, cependant, il jette une erreur. Voici le code abrégé:

var service1 = function ($resource) {
// code here
};
service1.$inject = ["$resource"];

var service2 = function (service1) {
// code here
};
service2.$inject = ["service1"];

var service3 = function ($q, service2) {
// code here
};
service3.$inject = ["$q", "service2"];

Voici l'erreur que je reçois lorsque je lance le code minified:

Error: [$injector:unpr] Unknown provider: nProvider <- n <- service1 <- service2 <- service3

J'injecte ici toutes les dépendances requisesdonc cette erreur est très déroutant. J'ai l'impression que le fait que service2 dépende de service3 mais a également une dépendance sur service1 est à l'origine du problème. Cela devrait être légal, correct?

Réponses:

Vous avez manqué un signe dollar service1.inject: service1.$inject.

En plus du type, utilisez mieux cette syntaxe (nommer vos services, vos usines, etc.) qui vous protège encore mieux lorsque vous réduisez votre code. Regardez aussi ça note officielle en ce qui concerne la minification.

var module = angular.module("myModule", [])

module.factory("service1", ["$resource", function($resource) { ... }]);
module.factory("service2", ["service1", function(service1) { ... }]);
module.factory("service3", ["$q", "service2", function($q, service2) { ... }]);