在angularJS中,无法实例化主模块

时间:2016-04-13 14:19:58

标签: angularjs dependency-injection

每次我尝试注入依赖项时,都会收到此错误:

未捕获错误:[$ injector:modulerr]由于以下原因无法实例化模块marbleApp: 错误:[$ injector:modulerr]由于以下原因无法实例化模块ngRoute: 错误:[$ injector:nomod]模块'ngRoute'不可用!您要么错误拼写了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。

我从这开始,我的代码运行良好:

var app = angular.module("marbleApp", []);

但是当我尝试注入这样的依赖时,我得到了上面的错误......

var app = angular.module("marbleApp", ["ngRoute"]);

有关为何会发生这种情况的任何想法?

2 个答案:

答案 0 :(得分:1)

请记住,当您想要注入一些依赖项时,您必须检查两件事:

首先:

    var myModule = angular.module('myModule', [
        'myDependency',
        'mySecondDependency'
]);

第二

    myModule.config(['myDependency', 'mySecondDependency',
        function(myDependency, mySecondDependency) {
    //here you can use injected stuff
    }
]);

干杯!

答案 1 :(得分:0)

您是否安装了角度路线?首先?

$ bower install angular-route --save

如果你想更新你的bower.json:

index.html

更多,正如@ddepablo建议的评论所示,请仔细检查是否已将其添加到<script src="angular-route.js"> 文件中:

using TLSv1.2 with cipher ECDHE-RSA-AES128-GCM-SHA256 (128/128 bits)

(见https://docs.angularjs.org/api/ngRoute