安装错误:未捕获错误:[$ injector:modulerr]

时间:2014-09-06 22:41:15

标签: javascript jquery angularjs

我收到与1.2相关的Uncaught Error: [$injector:modulerr]错误,并且需要安装ngRoute。我读到了here并找到了此stack answer here

但是我按照所有步骤操作,但仍然出现此错误。

我下载了angular-route.min.js并将angular.module('app', ['ngRoute']);添加到我的app.js文件中,但仍然收到错误:(

不确定是什么,这是我的测试链接:http://bitalicious.co/angular/

HTML:

<html ng-app="store">

<div>
    <p>{{"hello" + " you"}}</p>
</div>

<!-- JavaScript
================================================== -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="src/js/libs/angular.min.js"></script>
<script src="src/js/libs/angular-route.min.js"></script>
<script src="src/js/vendors/modernizr.min.js"></script>
<script src="src/js/vendors/bootstrap.min.js"></script>
<script src="src/js/modules/app.js"></script>

我的app.js:

$(document).ready(function () {
    var app = angular.modules('store', ['']);
    angular.module('app', ['ngRoute']);
});

enter image description here


Ok更新:我正在使用Google hosted AngularJs而不是AngularJS.org中的文件,我也删除了文档准备就绪,我在app.js文件中只有var app = angular.modules('store', []);。现在得到不同的错误:

enter image description here

2 个答案:

答案 0 :(得分:0)

显然,由于某些奇怪的原因,你不能拥有名为'store'的angular.module。

一旦我改变了这一点:
var app = angular.modules('store', []);
<html ng-app="store">

要:
var app = angular.module('gemStore', []);
<html ng-app="gemStore">

现在每件事都有效:(

我会不加控制地留出时间让某人离开并回答并评论为何会出现这种情况。

答案 1 :(得分:0)

问题是由于缺少ngRoute模块的包含引起的。从版本1.1.6开始,它是一个单独的部分:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>

var app = angular.module('myapp', ['ngRoute']);

这是从以下参考:AngularJS 1.2 $ injector:modulerr David回答