添加角度動畫到預先存在的堆棧

Question

我已經複製此回購：https://github.com/Hyra/Frickle 它非常棒！但我試圖添加更多的角度模塊，但我沒有成功。

在主目錄中我運行npm install angular-animate。這將angular-animate文件夾文件與其他角度模塊和角庫本身一起添加到項目中的node_modules文件夾中。

在的package.json文件，我已經通過添加以下

"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]); 

角UI路由器工作正常在原始設置中。該堆棧使用gulp和browserify來連接和縮小javascript文件，但由於我是一種新的角度，我不知道爲什麼我有問題添加一個簡單的依賴關係到這個堆棧。希望這很簡單，有人可以告訴我我做錯了什麼。

我在控制檯得到的錯誤如下：

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]);