TypeError：模块不是函数 AngularJS 和 Jasmine答案

【问题标题】：TypeError: module is not a function AngularJS & JasmineTypeError：模块不是函数 AngularJS 和 Jasmine
【发布时间】：2015-11-23 07:02:04
【问题描述】：

在我的示例应用中，我有这样的测试跑步者

  <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <!--angular-->
    <script src="../../../Scripts/angular.min.js"></script>
    <!--jasmine-->
    <img src="../../../Content/jasmine/jasmine_favicon.png" />
    <link href="../../../Content/jasmine/jasmine.css" rel="stylesheet" />
    <script src="../../../Scripts/jasmine/jasmine.js"></script>
    <script src="../../../Scripts/jasmine/jasmine-html.js"></script>
    <script src="../../../Scripts/jasmine/boot.js"></script>
    <!--angular mocks-->
    <script src="../../../Scripts/angular-mocks.js"></script>
    <!--app tests-->
    <script src="../../FavoritesController.js"></script>
    <script src="FavoritesController.Tests.js"></script>
</body>
</html>

FavoritesController：

  var module = angular.module('AngularSampleApp', []);
var FavoritesController = module.controller('FavoritesController', function favoritesController($scope) {
    $scope.phones = [
        {
            'name': 'Nexus S',
            'snippet': 'Fast just got faster with Nexus S.'
        },
        {
            'name': 'Motorola XOOM™ with Wi-Fi',
            'snippet': 'The Next, Next Generation tablet.'
        },
        {
            'name': 'MOTOROLA XOOM™',
            'snippet': 'The Next, Next Generation tablet.'
        }
    ];

});

FavoritesController.Tests.js

describe('FavoritesController', function () {
    beforeEach(module('AngularSampleApp'));
    it('should create "phones" model with 3 phones', inject(function ($controller) {
        var scope = {},
            ctrl = $controller('FavoritesController', { $scope: scope });

        expect(scope.phones.length).toBe(3);
    }));
});

但我得到了：

TypeError: 模块不是函数

运行测试后出错。我错过了什么吗？

【问题讨论】：

您需要包含 angular.mocks, cdnjs.cloudflare.com/ajax/libs/angular.js/1.x.x/… 其中 x.x 是您正在使用的 angular 版本。
@PSL 谢谢，我更新了我的问题，我得到了同样的错误。仍然。
也许有些东西正在覆盖窗口对象上的模块？您是否尝试使用 angular.mock.module？你有没有尝试做一个 console.log 来看看什么是模块？
angular.mock 看起来像已定义，当我执行 console.log(angular.mock.module) 时未定义。很奇怪。
是的，我猜你没有使用最新版本的 Angular。模块能给你什么？

标签： javascript angularjs jasmine

【解决方案1】：

您需要包含angular-mocks.js 在 Jasmine 否则像module 或inject 这样的函数将不会被定义。

另外你重新定义module:

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

因此，要么重命名变量，要么将代码放入 IIFE。

【讨论】：

我在这里发现了类似的问题。 stackoverflow.com/questions/13334749/… 我在茉莉花引用之后仍然包含相同的错误。仍在网上寻找解决方案。
window.jasmine 在boot.js 中定义，因此必须在angular-mocks.js 之前包含。
请查看我更新的问题，仍然出现同样的错误。这次我将从 github 而不是 nuget 下载 angular。让我们看看它是否有所作为。
omg，我相信它与变量名称和引用位置有关。该去吃午饭了！谢谢:)
在 jasmine 为我完成之后包括 ng-mocks。

【解决方案2】：

在标签正文中试试这一行：

<body ng-app = 'AngularSampleApp'>

【讨论】：

请在您的答案中添加上下文。