Добавление угловой анимации в ранее существовавший стек

Question

Я клонировал это репо: https://github.com/Hyra/Frickle Его довольно удивительный! Но я пытаюсь добавить больше угловых модулей, и мне это не удается.

В главном каталоге я запускаю npm install angular-animimate. Это добавляет файлы папки с угловым анимацией в папку 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]); 

радиально-щ-маршрутизатор работает отлично в исходной настройке. Стек использует gulp и браузер для конкатенации и минимизации 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]);