角度错误的原因："Error: No module: ngCookies"？

Question

在我的应用程序中，我这样做：

angular.module('myApp.controllers', ['ngCookies']).
  controller('AppCtrl', function ($scope, socket, $cookies) {
        console.log("socket:");
        console.log(socket);
        $scope.component = 'main';
        gLoggedIn = "no";
        gUserName = "";
        console.log("reset logged in status");
        sid = $cookies;
        $scope.setComponent = function(val) {
            $scope.component = val;
        }
  }).

但我一直收到错误：

TypeError: 'undefined' is not an object (evaluating 'angular.module')" and "Error: No module: ngCookies

显然，我在模块中加载了'ngCookies‘！更重要的是，我安装了angular、angular-cookies和angular-loader，并将以下代码添加到我的index.jade中：

script(src='bower_components/angular-cookies/angular-cookies.js')
script(src='bower_components/angular/angular.js')
script(src='bower_components/angular-loader/angular-loader.js')

那是怎么回事呢？

我试着在不同的地方添加'ngCookies‘，但都没有用: app.js，不；services.js，不；那么问题是什么？

Answer 1

在加载angular.js之前，您正在加载angular-cookies。像这样重新排列：

script(src='bower_components/angular/angular.js')
script(src='bower_components/angular-cookies/angular-cookies.js')
script(src='bower_components/angular-loader/angular-loader.js')

我想这会解决你的问题。

Answer 2

我有完全相同的失败，但是用yeoman angular generator创建了一个全新的proyect。我使用grunt test命令得到了这个错误，并且我意识到问题在于karma.conf.js没有加载angular-cookies (无论是angular-resources还是angular-sanitize )依赖项。因此，我将它们添加到此文件的files数组中。

files: [
  'app/bower_components/angular/angular.js',
  'app/bower_components/angular-cookies/angular-cookies.js',
  'app/bower_components/angular-resource/angular-resource.js',
  'app/bower_components/angular-sanitize/angular-sanitize.js',
  'app/bower_components/angular-mocks/angular-mocks.js',
  'app/scripts/*.js',
  'app/scripts/**/*.js',
  'test/mock/**/*.js',
  'test/spec/**/*.js'
],

而且它起作用了！

我希望它对yeoman用户有用！