WARNING: Tried to load angular more than once. ui-router

Question

Facing some strange with ui-router angularjs. I am configuring an single page application using these frameworks. Here is my code

function initWmappConfig($stateProvider, $locationProvider, $compileProvider) {
    $locationProvider.html5Mode(true);
    $stateProvider.
        state('login', { url: '/', templateUrl: '/Views/login', controller: 'login-controller', controllerAs: 'vm' })
        .state('register', { url: '/register', templateUrl: '/Views/Register', controller: 'login-controller', controllerAs: 'vm' });

    $stateProvider.state('otherwise', {url: '/'});

    $compileProvider.debugInfoEnabled(false);
}

If i am using this above configuration i am facing this war

WARNING: Tried to load angular more than once

but on other hand if i simple change

$locationProvider.html5Mode(false);

then everything seems to work just fine...

Please let me know why this is happening.

Thanks

mohamedrias · Accepted Answer · 2015-03-24 17:03:52Z

1

It's because you didn't mention the .html extension in the templateUrl

  state('login', { url: '/', templateUrl: '/Views/login.html', controller: 'login-controller', controllerAs: 'vm' })
  .state('register', { url: '/register', templateUrl: '/Views/Register.html', controller: 'login-controller', controllerAs: 'vm' });

Also for otherwise, you need to use $urlRouterProvider

$urlRouterProvider.otherwise('/');

answered Mar 24, 2015 at 17:03

mohamedrias

18.6k3 gold badges41 silver badges47 bronze badges

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

1 Comment

Ravi Mittal Over a year ago

i am handling the extension on server side...i mean on route change one server side event will fire and checking the route and adding .cshtml extension to it..

Amit Singh · Accepted Answer · 2015-04-27 12:31:11Z

0

I was getting this error. The reason behind this is the use of jQuery.

<script src="http://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script>
<script src="/public/vendor/angular/angular.js" type="text/javascript"></script>
<script src="/public/vendor/angular/angular-route.js" type="text/javascript"></script>

I removed the following and warning disappeared:

<script src="http://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script>

answered Apr 27, 2015 at 12:31

Amit Singh

2,2754 gold badges27 silver badges50 bronze badges

Collectives™ on Stack Overflow

WARNING: Tried to load angular more than once. ui-router

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related