Failed to instantiate module [$injector:unpr] Unknown provider: $routeProvider

javascript angularjs routes
Scotty.NET picture Scotty.NET · Aug 28, 2013 · Viewed 172k times · Source

I received this error upon upgrading from AngularJS 1.0.7 to 1.2.0rc1.

Answer

Scotty.NET picture Scotty.NET · Aug 28, 2013

The ngRoute module is no longer part of the core angular.js file. If you are continuing to use $routeProvider then you will now need to include angular-route.js in your HTML:

<script src="angular.js">
<script src="angular-route.js">

API Reference

You also have to add ngRoute as a dependency for your application:

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

If instead you are planning on using angular-ui-router or the like then just remove the $routeProvider dependency from your module .config() and substitute it with the relevant provider of choice (e.g. $stateProvider). You would then use the ui.router dependency:

var app = angular.module('MyApp', ['ui.router', ...]);

Related questions

Angular JS Uncaught Error: [$injector:modulerr]

I am having a problem with Angular JS receiving an error : Uncaught Error: [$injector:modulerr]. My JS-file looks angular.module('MyApp', ['ngRoute']); angular.module('MyApp',['ngResource']); function TwitterCtrl($scope,$resource){ } I also included angular-route-js <script src="https://ajax.googleapis.…

Read More
how do return the $state.current.name from ui-router statechange

I would like to return the .state('name') when I change location in angular. From my run() it can return the $state object: .run(function($rootScope, Analytics, $location, $stateParams, $state) { console.log($state); but when I try to get$state.…

Read More
AngularJS - Need some combination of $routeChangeStart and $locationChangeStart

My problem is actually very similar to the one found here: AngularJs - cancel route change event In short, I'm using $routeChangeStart and trying to change the current route using $location. When I do, the console shows me that the …

Read More