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
– Lex, Commented Apr 4, 2016 at 3:03

Khalid Hussain · Accepted Answer · 2016-04-04 03:43:58Z

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.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related