Fehler beim Injizieren von ngCookies?

Question

var app = angular.module('mittens',['ui.router','ngCookies']); 

Ist nicht über den richtigen Weg, ngCookies zu injizieren? Es wirft diesem Fehler

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.9/ $injector/modulerr?p0=mittens&p1=Error%3A…0zc%20(http%3A%2F%2Flocalhost%3A3000%2Flibrary%2Fangular.min.js%3A20%3A274)(…) https://docs.angularjs.org/error/ $injector/modulerr?p0=mittens&p1=Error:%20%5B$injector:modulerr%5D%20http:%2F%2Ferrors.angularjs.org%2F1.4.9%2F$injector%2Fmodulerr%3Fp0%3DngCookie%26p1%3DError%253A%2520%255B%2524injector%253Anomod%255D%2520http%253A%252F%252Ferrors.angularjs.org%252F1.4.9%252F%2524injector%252Fnomod%253Fp0%253DngCookie%250A%2520%2520%2520%2520at%2520http%253A%252F%252Flocalhost%253A3000%252Flibrary%252Fangular.min.js%253A6%253A416%250A%2520%2520%2520%2520at%2520http%253A%252F%252Flocalhost%253A3000%252Flibrary%252Fangular.min.js%253A24%253A186%250A%2520%2520%2520%2520at%2520b%2520(http%253A%252F%252Flocalhost%253A3000%252Flibrary%252Fangular.min.js%253A23%253A252)%250A%2520%2520%2520%2520at%2520http%253A%252F%252Flocalhost%253A3000%252Flibrary%252Fangular.min.js%253A23%253A495%250A%2520%2520%2520%2520at%2520http%253A%252F%252Flocalhost%253A3000%252Flibrary%252Fangular.min.js%253A38%253A153%250A%2520%2520%2520%2520at%2520n%2520(http%253A%252F%252Flocalhost%253A3000%252Flibrary%252Fangular.min.js%253A7%253A355)%250A%2520%2520%2520%2520at%2520g%2520(http%253A%252F%252Flocalhost%253A3000%252Flibrary%252Fangular.min.js%253A38%253A1)%250A%2520%2520%2520%2520at%2520http%253A%252F%252Flocalhost%253A3000%252Flibrary%252Fangular.min.js%253A38%253A170%250A%2520%2520%2520%2520at%2520n%2520(http%253A%252F%252Flocalhost%253A3000%252Flibrary%252Fangular.min.js%253A7%253A355)%250A%2520%2520%2520%2520at%2520g%2520(http%253A%252F%252Flocalhost%253A3000%252Flibrary%252Fangular.min.js%253A38%253A1)%0A%20%20%20%20at%20http:%2F%2Flocalhost:3000%2Flibrary%2Fangular.min.js:6:416%0A%20%20%20%20at%20http:%2F%2Flocalhost:3000%2Flibrary%2Fangular.min.js:38:427%0A%20%20%20%20at%20n%20(http:%2F%2Flocalhost:3000%2Flibrary%2Fangular.min.js:7:355)%0A%20%20%20%20at%20g%20(http:%2F%2Flocalhost:3000%2Flibrary%2Fangular.min.js:38:1)%0A%20%20%20%20at%20http:%2F%2Flocalhost:3000%2Flibrary%2Fangular.min.js:38:170%0A%20%20%20%20at%20n%20(http:%2F%2Flocalhost:3000%2Flibrary%2Fangular.min.js:7:355)%0A%20%20%20%20at%20g%20(http:%2F%2Flocalhost:3000%2Flibrary%2Fangular.min.js:38:1)%0A%20%20%20%20at%20db%20(http:%2F%2Flocalhost:3000%2Flibrary%2Fangular.min.js:41:272)%0A%20%20%20%20at%20c%20(http:%2F%2Flocalhost:3000%2Flibrary%2Fangular.min.js:19:463)%0A%20%20%20%20at%20zc%20(http:%2F%2Flocalhost:3000%2Flibrary%2Fangular.min.js:20:274

app.controller('HomeController',['$scope','$http','$cookies',function($scope,$http,$cookies) {} 

Answer 1

Sie ngCookies als ngCookie in Ihrem realen Code falsch geschrieben, aber es für die Frage korrigiert.

Haben Sie auf die zugegebenermaßen ziemlich lange URL geklickt?

Das wird Ihnen sagen:

Failed to instantiate module mittens due to:

und dann einen anderen Link, der Ihnen sagen:

Failed to instantiate module ngCookie due to:

und dann eine andere Verbindung, die Sie nimmt:

Module 'ngCookie' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

Jede dieser wird von einem Stack-Trace begleitet, aber die Beschreibungen, die ich oben zitiert habe, sagen wirklich alles. ngCookie ist nicht verfügbar, weil Sie entweder vergessen haben, das Javascript zu laden, oder Sie den Namen falsch geschrieben haben.

Jetzt scheint hier etwas Verwirrung zu sein, da Ihre Frage besagt, dass Sie nach 'ngCookies' gefragt haben, aber die Fehlermeldung 'ngCookie' wurde nicht gefunden. Überprüfen Sie, ob Sie beim Verfassen der Frage einen Rechtschreibfehler beim Namen falsch geschrieben haben.

Answer 2

Vergewissern Sie sich, Bibliothek referierten

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-cookies.js" type="text/javascript"></script> 

Make verklagen Sie die Abhängigkeit

injiziert haben

var miAp = angular.module('miAp', ['ngCookies']); 

DEMO

Answer 3

Da Sie die Winkel Cookies Datei zu laden vergessen. Laden Sie die Datei zuerst und versuchen Sie es dann.

<script src="path/to/angular.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-cookie/4.0.0/angular-cookie.js"></script> 

Schließlich laden Sie das Modul in Ihrer Anwendung, indem sie es als abhängige Modul hinzufügen:

angular.module('app', ['ngCookies']); 

Damit sind Sie bereit, um loszulegen!