未捕获的错误:当我使用路由时,[$ injector:modulerr with angualrJs

时间:2015-07-09 16:46:23

标签: javascript angularjs angularjs-routing

这是我的问题的一部分= https://jsfiddle.net/2vrz38d6/ 它只包含js部分打开控制台,看看我有什么

我很困惑地解决了这个错误 错误:$ injector:modulerr 模块错误

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.10/$injector/modulerr?p0=myApp&p1=Error%3A%…3A9641%2Fassets%2Fglobal%2Fplugins%2Fangularjs%2Fangular.min.js%3A38%3A435)

我的错误发生在angularJs中的路由 我接受的错误是: my Error page here

我的代码是:

(function () {
    var MyApp = angular.module('myApp');


    MyApp.config(function ($routeProvider) {
        $routeProvider
            .when('/', {
                templateUrl: 'views/expenses.html',
                controller: 'CurriculumController'
            })



       .otherwise({
           redirectTo: '/'

       });

和控制器

        MyApp.controller('CurriculumController', ['$scope', '$rest', function ($scope, $rest) { 
//some stuf here 

我的脚本角度文件: 在第一个我有这个

 <script src="/assets/global/plugins/angularjs/angular.min.js"></script>

在项目中间我有 我的角度应用程序的文件

<script src="/Scripts/NGModel/Curriculum/Curriculum.js"></script>

之后是angularjs

的路由部分的文件
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>

4 个答案:

答案 0 :(得分:1)

您必须包含angular-route.js

依赖注入将为angular.module('myApp', ['ngRoute']);

在OP的问题陈述中更新了包含Angular库的EDIT: -

替换

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.10/angular-route.min.js"></script>正如您在评论中提到的那样,您使用的是v1.3.10

正如@Garrett建议的那样,添加

.otherwise("/");

答案 1 :(得分:1)

正如上面的人建议的那样,您需要包含该文件,但您还需要确保在索引文件中以正确的顺序执行此操作。我想尝试一套不同的CDN也不会受到伤害。

<script src="https://code.angularjs.org/1.3.15/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.15/angular-route.min.js"></script>

此外,在您的路线配置中,只需提及您也可以这样做:

MyApp.config(function ($routeProvider) {
    $routeProvider
    .when('/', {
        templateUrl: 'views/expenses.html',
        controller: 'CurriculumController'
    })
    .otherwise("/");
});

答案 2 :(得分:0)

您需要完成这项工作:

1)添加angular-route文件:   包括angular.js

下面的文件
 <script src="angular-route.js">

2)根据应用的定义注入ng-route:

angular.module('myApp', ['ng-route']);

答案 3 :(得分:0)

您应该将依赖项添加到模块中,如下所示

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