Angular using ui.router injection issue

Question

I have built a simple angular and am trying to implement ui-router and specifically, $UrlRouteProvier.otherwise to redirect to a certain url if something nonexistent is entered. I am getting the following exception when trying to load my page now and can't seem to find the error. All help is appreciated. Code and error below.

Angular app:

var app = angular.module('myApp', ['ui.router','ngAnimate', 'ui.bootstrap']);

app.config(['$urlRouterProvider', '$stateProvider', function($urlRouterProvider, $stateProvider){
    $urlRouterProvider.otherwise('/browse/overview.html');
}])

error:

Failed to instantiate module myApp due to:
Error: [$injector:nomod] http://errors.angularjs.org/1.3.4/$injector/nomod?p0=gcIm...
    at Error (native)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js:6:416
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js:21:334
    at a (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js:20:483)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js:21:218
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js:35:76
    at r (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js:7:302)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js:34:428)
    at Lb (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js:38:146)
    at d (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js:17:339

note: everything works fine if I remove ui.router from the list of dependencies

Unrelated note: version 1.3.4 of Angular is quite old. You'd better use the most recent version. — JB Nizet
– JB Nizet, Commented Mar 8, 2016 at 21:28

m1gu3l · Accepted Answer · 2016-03-08 21:27:18Z

2

It looks like you don't have ui-router code loaded. Try to include:

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.18/angular-ui-router.js"></script>

answered Mar 8, 2016 at 21:27

m1gu3l

7731 gold badge6 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Evan Bechtol Over a year ago

Make sure to load the ui-router library before you reference it in your Angular code

GregH Over a year ago

@m1gu3l I accepted your answer because it fixed the error however routeproverider.otherwise is not redirecting to the page I specified. I am getting an empty page with not found on it when entering a random url such as localhost:8081/browse/overvieasdsw.html

m1gu3l Over a year ago

I assumed it's not complete solution and you focus on injection problem. Try to define state with templateUrl pointing to browse/overview.html and then redirect to that state's url. Hope this helps.

devigner · Accepted Answer · 2016-03-08 21:31:00Z

0

Try writing your config line like this:

.config(function($stateProvider, $urlRouterProvider) {

answered Mar 8, 2016 at 21:31

devigner

14212 bronze badges

Collectives™ on Stack Overflow

Angular using ui.router injection issue

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related