title: WARNING: Tried to load angular more than once. when I include JQuery
body: <p>I am building an yeoman app with an angular-generator.</p>
  
  <p>The js libraries included in my index.html file are:</p>
  
  <pre><code>&lt;script src="bower_components/jquery/dist/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/modernizr/modernizr.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular/angular.js"&gt;&lt;/script&gt;   
  &lt;script src="bower_components/angular-ui-router/release/angular-ui-router.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/d3/d3.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/select2/select2.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-ui-select2/src/select2.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The problem only occurs if jquery is included <strong>before</strong> angular and it does not happen if it is after it.</p>
  
  <p>The problem as the title states is that I get <em>"WARNING: Tried to load angular more than once"</em> in the console and the app cannot initialize.</p>
  
  <p>Does anyone have any clues why this can happen?</p>
  
  <p>I have a single ng-app, I am including angular just once... and everything. It does not look like it is something related to the configuration because changing the position of the script fixes it.</p>
  
  <p>Do you guys have any clue?</p>
  
  <p>Does anyone know if I am able to configure to include order of the scripts? As I am using angular-generator I have set this up with usemin to include the bower scripts. I wonder if there is any way to be able to specify in which order to include the scripts.</p>
  
  <p>This is the bower.json file for my project:</p>
  
  <pre><code>{
    "name": "&lt;name&gt;",
    "version": "0.0.0",
    "dependencies": {
      "angular": "1.2.15",
      "json3": "~3.2.6",
      "es5-shim": "~2.1.0",
      "angular-ui-router": "~0.2.10",
      "modernizr": "~2.8.1",
      "d3": "~3.4.6",
      "angular-ui-select2": "~0.0.5"
    },
    "devDependencies": {
      "angular-mocks": "1.2.15",
      "angular-scenario": "1.2.15"
    }
  }
  </code></pre>
  
  <p>I have tried to search in google with no luck.
  Thanks in advance!</p>
  
  <p><strong>Update 1:</strong></p>
  
  <p>I just found out that if I include the scripts this way, angular won't be included twice and it is always loaded first.</p>
  
  <pre><code>  &lt;!-- build:js scripts/vendor.js --&gt;
    &lt;script src="bower_components/angular/angular.js"&gt;&lt;/script&gt;
    &lt;!-- bower:js --&gt;
    &lt;script src="bower_components/jquery/dist/jquery.js"&gt;&lt;/script&gt;
    &lt;script src="bower_components/modernizr/modernizr.js"&gt;&lt;/script&gt;
    &lt;script src="bower_components/angular-ui-router/release/angular-ui-router.js"&gt;&lt;/script&gt;
    &lt;script src="bower_components/d3/d3.js"&gt;&lt;/script&gt;
    &lt;script src="bower_components/select2/select2.js"&gt;&lt;/script&gt;
    &lt;script src="bower_components/angular-ui-select2/src/select2.js"&gt;&lt;/script&gt;
    &lt;!-- endbower --&gt;
  </code></pre>
  
  <p>Not the best solution but at least for now... Anyways, I would like to have everything inside bower:js tags.</p>