Question

我克隆了这个回购：https://github.com/Hyra/Frickle 它非常棒！但是我试图添加更多角度模块而我没有成功。

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

在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文件，但由于我是角色的新手，我不知道为什么我在向此堆栈添加简单依赖项时遇到问题。希望这很简单，有人可以告诉我我做错了什么。

我在控制台中遇到的错误如下：

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

将角度动画添加到预先存在的堆栈

1 个答案: