AngularJS : UI-router WARNING: Tried to load angular more than once

Question

I try to use angular ui-router in my web app but I have problem. Here is the app directory:

  test-app
  |_ bower-component
  |_ app
     |_ views
     |_ index.html
     |_ scripts
        |_ app.js

and in app.js:

angular
  .module('testApp', [
    'ngAnimate',
    'ngAria',
    'ngCookies',
    'ngMessages',
    'ngResource',
    'ui.router',
    'ngSanitize',
    'ngTouch'
  ])
  .config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/');  
    $stateProvider
      .state('home',{
        url: '/',
        templateUrl: 'index.html',
        controller: 'MainCtrl'
      })
   .
   .
   .

But when I run the app, I get this error on console:

WARNING: Tried to load angular more than once

You want your template to be a partial and not the index.

Dylan
– Dylan

2015-03-16 07:16:29 +00:00
Commented Mar 16, 2015 at 7:16 — Dylan
– Dylan, Commented Mar 16, 2015 at 7:16
Sorry I can't understand what you say !

Hamid
– Hamid

2015-03-16 07:21:39 +00:00
Commented Mar 16, 2015 at 7:21 — Hamid
– Hamid, Commented Mar 16, 2015 at 7:21
You want - templateUrl: 'home.html'

Dylan
– Dylan

2015-03-16 07:24:10 +00:00
Commented Mar 16, 2015 at 7:24 — Dylan
– Dylan, Commented Mar 16, 2015 at 7:24

Peter Ashwell · Accepted Answer · 2015-03-16 07:52:38Z

11

Your webserver loads the index.html file, but then you load it again in the view with

templateUrl: 'index.html'

So I think you intended that to be a different template. What you have here causes the index HTML file to be loaded inside itself, including the angular script tags, causing that error.

answered Mar 16, 2015 at 7:52

Peter Ashwell

4,3022 gold badges20 silver badges22 bronze badges

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

Comments

Ishwar Rimal · Accepted Answer · 2017-03-25 08:02:36Z

0

Using reqire('./path/angular.min.js') will solve any problem related to loading it more then once.

answered Mar 25, 2017 at 8:02

Ishwar Rimal

1,10111 silver badges20 bronze badges

Collectives™ on Stack Overflow

AngularJS : UI-router WARNING: Tried to load angular more than once

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related