Uncaught Error: [$injector:modulerr] in angular js

Question

I am getting error Uncaught Error: [$injector:modulerr]

I have included below js files

<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>

and my js code is

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){

}

Somebody please help me, where i am missing.

Two things: 1) It looks like you are referencing different versions of each Angular library. Pick one version and use it for all references. 2) When you are debugging do not use the minified versions. Using non-minified versions when debugging will give you far more detailed error messages. — Lex

Khalid Hussain Khalid Hussain · Accepted Answer · 2016-04-04T03:17:12

Working Plnkr

Change $routerProvider to $routeProvider. Replace , with . in config. For example:

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

to

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

Your JavaScript code should look like this:

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){

});

For more information, please have a look at this example.

Hope that solve your problem.

Uncaught Error: [$injector:modulerr] in angular js

1 Answers