title: Module 'ui.bootstrap' is not available - Angularjs
body: <p>I am facing a strange problem with my angularjs project. </p>
  
  <p>I have a website like - www.server.com/pwm (home page). In the page there is an anchor tag with takes me to another page - www.server.com/publishers. When I load the home page and navigate to the publishers page by clicking the anchor tag, everything works fine. But when I directly type the url in the browser I get the below exceptions (eg. If I load the home page www.server.com/pwm and then type "/publishers" at the end of the url)</p>
  
  <p>[$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.
  <a href="http://errors.angularjs.org/1.2.18/">http://errors.angularjs.org/1.2.18/</a>$injector/nomod?p0=ui.bootstrap"</p>
  
  <p>The confusing part is that I have included the necessary libraries and it works fine when I navigate through the webpage. The problem occurs when I try to directly navigate to a child page. I am making use to ngRoute and templates to load the page</p>
  
  <pre><code>var pubsApp = angular.module('pubsApp', ['ngResource', 'ngRoute', 'ui.bootstrap'])
  </code></pre>
  
  <p>and my script files</p>
  
  <pre><code>&lt;script src="/Scripts/jquery-1.9.1.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/angular.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/angular-route.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/angular-sanitize.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/angular-resource.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/bootstrap.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="Scripts/angular-ui/ui-bootstrap.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="Scripts/angular-ui/ui-bootstrap-tpls.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/js/app.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>