title: Can't load angular-bootstrap module in boilerplate angularjs app
body: <p>I started an AngularJS project to get a feel for it by starting with <a href="https://github.com/angular/angular-seed" rel="nofollow noreferrer">angular-seed</a>.</p>
  
  <p>I am trying to load up <a href="https://github.com/angular-ui/bootstrap" rel="nofollow noreferrer">angular-bootstrap</a>, but when I add the the module in my app.js file dependencies:</p>
  
  <pre><code>angular.module('myApp', [
    'ngRoute',
    'ui.utils',
    'ui.bootstrap', //&lt;------
    'myApp.filters',
    'myApp.services',
    'myApp.directives',
    'myApp.controllers'
  ]) 
  </code></pre>
  
  <p>I get the following error when I run my app:</p>
  
  <pre><code>[$injector:nomod] Module 'ui.bootstrap' is not available! 
  You either misspelled the module name or forgot to load it. 
  If registering a module ensure that you specify the dependencies as the second argument.
  </code></pre>
  
  <p>I have angular-bootstrap installed and the files are in my <code>app/bower-components</code> directory as:</p>
  
  <pre><code>├── angular-bootstrap
  │   ├── bower.json
  │   ├── ui-bootstrap.js
  │   ├── ui-bootstrap.min.js
  │   ├── ui-bootstrap-tpls.js
  │   └── ui-bootstrap-tpls.min.js
  </code></pre>
  
  <p>As per the set up from the installation instructions, I have bootstrap.css and angular.js referenced in my <code>index.html</code> file.</p>
  
  <p>I know there was another question that asked about this same error in <a href="https://stackoverflow.com/questions/22696573/error-injectornomod-module-ui-bootstrap-is-not-available-while-karma-run">Error: [$injector:nomod] Module &#39;ui.bootstrap&#39; is not available! while Karma run in webstorm</a> but that's for running Karma tests, I can't even get the module to load on just running the app.</p>