未捕获错误:angular js中的[$injector:modulerr]

Question

我收到错误Uncaught错误：[$injector:modulerr]

我已经包含了以下js文件

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.min.js"></script>
    <script src="lib/jquery-1.12.1.min.js"></script>

我的js代码是

angular.module('website',['ngRoute','ngResource']).
     config(function($routerProvider){
        $routerProvider.
            when('/about',{template:'templates/about.html'}),
            when('/careers',{template:'templates/careers.html'}),
            when('/signup',{template:'templates/signup.html'}),
            otherwise({redirectTo : '/home', template:'/home.html'})
    })
function mainController($scope){
}

有人请帮帮我，在我失踪的地方。

编辑：错误日志为未能实例化模块网站，原因是：错误：[$injector:unp]http://errors.angularjs.org/1.4.5/$injector/unp？p0=%24ro。。。错误（本机）在https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:6:416在https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:40:307在d(https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:38:308)在Object.e[作为调用](https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:39:64)在d(https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:279)在https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:403在n(https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:7:322)在g(https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:37:180)在eb(https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js:40:435

Answer 1

工作程序

将$routerProvider更改为$routeProvider。将配置中的,替换为.。例如：

when('/about',{template:'templates/about.html'}),
when('/careers',{template:'templates/careers.html'})

至

when('/about',{template:'templates/about.html'})
.when('/careers',{template:'templates/careers.html'})

您的JavaScript代码应该如下所示：

var website = angular.module('website',['ngRoute','ngResource']);
     website.config(function($routeProvider){
        $routeProvider.
            when('/about',{template:'templates/about.html'})
            .when('/careers',{template:'templates/careers.html'})
            .when('/signup',{template:'templates/signup.html'})
            .otherwise({redirectTo : '/home', template:'/home.html'})
    }) 
website.controller('mainController', function($scope){
});

有关更多信息，请查看此示例。

希望能解决你的问题。