angularjs - 将 Angular 动画添加到预先存在的堆栈中

Question

我已经克隆了这个存储库:https://github.com/Hyra/Frickle真是太棒了!但我正在尝试添加更多 Angular 模块，但没有成功。

在主目录中，我运行npm install angular-animate。这会将 Angular-animate 文件夹文件添加到项目内的 node_modules 文件夹中，与其他 Angular 模块和 Angular 库本身一起放置。

在 package.json 文件中，我通过添加以下内容添加到了 Angular-animate 依赖项

 "dependencies": {
    "angular": "~1.3.0",
    "angular-ui-router": "~0.2.11",
    "angular-animate": "~1.3.5",
...

在main.js中

'use strict';

require('angular');

var uiRoute = require('angular-ui-router');
var ngAnimate = require('angular-animate');
var app = angular.module('MyApp', [uiRoute, ngAnimate]);

Angular-ui-router 在原始设置中工作正常。该堆栈使用 gulp 和 browserify 来连接和缩小 javascript 文件，但由于我对 Angular 不太熟悉，所以我不确定为什么在向该堆栈添加简单依赖项时遇到问题。希望这很简单，有人可以告诉我我做错了什么。

我在控制台中收到的错误如下:

Uncaught Error: [$injector:modulerr] Failed to instantiate module MyApp due to:
Error: [$injector:modulerr] Failed to instantiate module {} due to:
Error: [ng:areq] Argument 'module' is not a function, got Object

Answer 1

这看起来很奇怪:var app = angular.module('MyApp', [uiRoute, ngAnimate]);

根据:https://code.angularjs.org/1.3.10/docs/api/ng/function/angular.module

requires 数组应该是一个字符串数组。所以它确实应该是:

var app = angular.module('MyApp', [uiRoute.name, ngAnimate.name]);