Angular itkn Fehler durch Direktiven mit Funktion außerhalb Array definiert

Question

Ich benutze Angular 1.3.15, habe auch versucht 1.2.28, zusammen mit eckigen Bootstrap. Letzte Nacht, nachdem Chrome v42.0.2311.90 Aktualisierung, begann ich plötzlich Tonnen Winkel itkn Fehler zu sehen:

Error: [$injector:itkn] Incorrect injection token! Expected service name as string, got function() 
http://errors.angularjs.org/1.3.15/$injector/itkn?p0=function%20() 
    at REGEX_STRING_REGEXP (angular.min.js?bust=undefined:63) 
    at Object.invoke (angular.min.js?bust=undefined:4189) 
    at angular.min.js?bust=undefined:6525 
    at forEach (angular.min.js?bust=undefined:323) 
    at Object.<anonymous> (angular.min.js?bust=undefined:6523) 
    at Object.invoke (angular.min.js?bust=undefined:4204) 
    at Object.enforcedReturnValue [as $get] (angular.min.js?bust=undefined:4056) 
    at Object.invoke (angular.min.js?bust=undefined:4204) 
    at angular.min.js?bust=undefined:4021 
    at Object.getService [as get] (angular.min.js?bust=undefined:4162) 

Dies ist nicht vor dem Update Chrome passiert war, aber ich denke, ich nicht, das ist sicher sagen kann verwandten .

.directive('modalTransclude', function() { 
    return { 
     // directive code 
    }; 
    }) 

führt dies itkn Fehler

:

Nach Stossen durch, habe ich, dass alle Richtlinien wie folgt definiert gefunden. Ich console.logged die key in der $inject Iterator in eckigen und es gibt die Funktion der Direktive selbst zurück, anstatt nur Strings wie eindeutig gemeint war.

Ich habe entdeckt, dass die Funktion in einem Array Einwickeln, auch ohne Strings, die die Injektionen zu definieren, ist es das Problem löst:

.directive('modalTransclude', [function() { 
    return { 
     // directive code 
    }; 
    }]) 

jedoch wird dieser Fehler nicht auf dem Winkel Bootstrap-Website geschieht, und Ich habe dies sowohl in den eckigen Versionen 1.3 und 1.2 versucht.

Ich werde weiterhin nach irgendwelchen Ursachen suchen, die für meine App einzigartig sind, aber hat jemand eine Idee, was das verursacht?

Answer 1

Wenn Sie ng-inspector.org Erweiterung in Chrom installiert haben, könnte es ein Grund sein. Schalten Sie einfach die ng-inspector Browser-Erweiterung aus.

Ich weiß nicht genau, warum es gerade nicht mit ng-inspector funktioniert. Wenn jemand Zeit hat, sich das anzuschauen, wäre es nett, einen Fehler an das Projekt zu senden (ich vermute, es ist ng-Inspektor selbst).

Answer 2

Es sollte funktionieren, ohne die eckigen Klammern zu definieren. Der einzige Grund für die eckigen Klammern ist die js-Verkleinerung.

AngularJs Directives Link

Answer 3

Dies ist in der Tat ein Problem, das mit Version 0.9.9 von ng-Inspector (ich bin sein Betreuer), die gestern veröffentlicht wurde, aufgetaucht ist. Ich arbeite bereits an einer Lösung dafür und werde sie in Kürze veröffentlichen.

Tut mir schrecklich leid für die Unannehmlichkeiten = (

Edit: Soeben erschienen v0.5.10, sollte dieses Problem beheben Wenn Sie weiter auf Schwierigkeiten stoßen, fühlen sich frei, um ein Problem zu öffnen bei https://github.com/rev087/ng-inspector/

Answer 4

.

ich berichtete gestern das gleiche Problem bei der ng-Inspektor gitHub Repo, und es gibt bereits ein Versuch, es zu beheben (noch überprüft nicht, ob es funktioniert oder nicht) https://github.com/rev087/ng-inspector/issues/95#issuecomment-93423284