Angularjs 注入NgCookie时出错？

这不是注射ngCookies的正确方法吗？它抛出了这个错误

未捕获错误：[$injector:moduler] $injector/modulerr？p0=mittens&p1=Error%3A…0zc%20（http%3A%2F%2localhost%3A3000%2Flibrary%2fagnal.min.js%3A20%3A274）（…） $injector/modulerr？p0=mittens&p1=Error:%20%5B$injector:modulerr%5D%20http:%2F%2ferors.angularjs.org%2F1.4.9%2F$injector%2Fmodulerr%3Fp0%3DngCookie%26p1%3dferror%253A%2520%255B%2524injector%255anomod%255D%2520http%253A%252F%252F%252F%252F.angularjs.org%252F1.4%252F%2524injector%252Fnomod%2530%253A%2520http%2520%2520%2520%2520a2F%252Flocalhost%253A3000%252Flibrary%252Fangular.min.js%253A6%253A416%250A%2520%2520%2520%2520at%2520http%253A%252F%253A3000%252Flibrary%252Fangular.min.js%253A24%253A186%250A%2520%2520%2520%2520b%2520（http%253A%252F%252Flocalhost%253A3000%252Flibrary%252Fangular.min.js%253A23%252A252）%250A%2520%2520%2520%2520%2520at%2520http%253A%252F%252F%253A3000%252F库%252F库。min.js%253A23%253A495%250A%2520%2520%2520%2520 http%253A%252F%252F%252F库%253A3000%252F库%252F库。min.js%253A38%253A153%250A%2520%2520%2520%2520%2520at%2520n%2520（http%253A%252F%252Flocalhost%253A3000%252Flibrary%252Fangular.min.js%253A7%253A355）%250A%2520%2520%2520%2520%2520%2520g%2520（http%253A%252Flocalhost%253A3000%252Flibrary%252Fangular.min.js%253A38%253A1）%250A%2520%2520%2520%2520at%2520http%253A%252F%252Flocalhost%253A3000%252FLIBARY%252Fangular.min.js%253A38%253A170%250A%2520%2520%2520%2520n%2520（http%253A%252F%252Flocalhost%253A3000%252FLIBARY.min.js%253A355%250A%2520%2520%2520%2520g%2520%2520（http%253A%252F%252Flocalhost%253A3000%252Flibrary%252Fangular.min.js%253A38%253A1）%0A%20%20%20at%20http:%2F%2folocalhost:3000%2Flibrary%2Fangular.min.js:6:416%0A%20%20%20%20at%20http:%2F%2folocalhost:3000%2Fangular.min.js:38:427%0A%20%20%20%20%20at%20n%20%20（http:%2F%2folocalhost:3000%2Flocalhost:3000%2Flibrary:20%20at%20at%20%20%355f20%20%20%20g（http://2F%2Flocalhost:3000%2Flibrary%2Fangular.min.js:38:1）%0A%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%20%20at%20g%20%20%20（http://2F%2Flocalhost:3000%2Flibrary%2Fangular%2Fangular.min.js:38:20%20%20%20%20%20%20%20%20%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%20%20at%20zc%20（http://2F%2Flocalhost:3000%2Flibrary%2Fangular.min.js:20:274）

---

您在实际代码中将

ngCookies

拼错为

ngCookie

，但针对问题进行了更正

你点击了公认的相当长的网址了吗

这将告诉你：

无法实例化模块手套，原因是：

还有一个链接告诉你：

无法实例化模块ngCookie，原因是：

然后是另一个链接，它会将您带到：

模块“ngCookie”不可用！您可能拼错了模块 名称或忘记加载。如果注册模块，请确保 将依赖项指定为第二个参数

每一个都有一个堆栈跟踪，但我在顶部引用的描述确实说明了这一切。

ngCookie

不可用，因为您忘记加载javascript或拼写错误了它的名称

---

现在这里似乎有些混乱，因为您的问题是您要求

'ngCookies'

，但错误消息是未找到

'ngCookie'

。请检查您在发布问题时是否自动更正了名称拼写错误。

确保您已查阅了库

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

---

因为您忘记加载角度cookies文件。请先加载该文件，然后重试

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

---

有了这些，您就可以开始了！

我希望您已经在index.html中包含了ngCookie。当我排除“ngCookie”依赖项并加载程序时，angular-cookie.js也可以工作。只有在添加依赖项后，它才会给我错误消息。您确定您在程序中编写了

ngCookie

？错误页面的链接显示您使用了

ngCookie

。我使用的是ngCookies.angular.module（'app'，['ui.router'，'ngCookies'）；正如我所说，在您的JSFIDLE链接中，您的“ngCookie”结尾没有“s”。它应该是var app=angular.module（'mittens'，['ui.router'，'ngCookies'））

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

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

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

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