未捕获的错误:[$injector:modulerr]添加额外的依赖时

Question

我正在使用状态(ui.router)管理我的视图。但是，像下面这样向模块添加额外的依赖会导致错误:

Uncaught Error: [$injector:modulerr]

使我的状态中断

var MyApp = angular.module('MyApp', ['ui.router', 'ui.bootstrap']);

然后我把上面的改成

var MyApp = angular.module('MyApp', ['ui.router', 'ui.bootstrap', 'angularGrid']);

来支持角度网格。当我添加第三个依赖项时，angular会抛出这个错误。然后我将代码修改如下

var MyApp = angular.module('MyApp', ['ui.router', 'ui.bootstrap');
MyApp = angular.module('MyApp', ['angularGrid');

但是运气不太好，仍然得到相同的错误。

我错过了什么吗?

错误:

Failed to instantiate module angularGrid due to:
Error: [$injector:nomod] http://errors.angularjs.org/1.4.3/$injector/nomod?p0=angu...
    at Error (native)
    at http://localhost:50196/Scripts/Angular/angular.min.js:6:416
    at http://localhost:50196/Scripts/Angular/angular.min.js:24:66
    at a (http://localhost:50196/Scripts/Angular/angular.min.js:23:109)
    at http://localhost:50196/Scripts/Angular/angular.min.js:23:352
    at http://localhost:50196/Scripts/Angular/angular.min.js:37:451
    at m (http://localhost:50196/Scripts/Angular/angular.min.js:7:322)
    at g (http://localhost:50196/Scripts/Angular/angular.min.js:37:229)
    at http://localhost:50196/Scripts/Angular/angular.min.js:37:398
    at m (http://localhost:50196/Scripts/Angular/angular.min.js:7:322

Answer 1

尝试包含underscore.js的依赖

Answer 2

根据错误，注入器无法找到angulgarGrid模块。你需要在index.html中加载angular-grid js .

也

var MyApp = angular.module('MyApp', ['ui.router', 'ui.bootstrap');
MyApp = angular.module('MyApp', ['angularGrid');

你应该在每个应用程序中定义一次模块