title: AngularJS Module 'ui.router' is not available for my Djangular project
body: <p><a href="https://www.djangoproject.com/" rel="nofollow noreferrer">Django</a> is a python web frameworks, AngularUI Router is an AngularJS module for heroic routing. Together they fight crime. </p>
  
  <p>Or they would if it could find the 'ui.router' module.</p>
  
  <p>Here're my imports:</p>
  
  <pre><code>  &lt;script src="{% static 'angular.js' %}"&gt;&lt;/script&gt;
    &lt;script src="{% static 'angular-route.js' %}"/&gt;
    &lt;script src="{% static 'angular-ui-router.js' %}"&gt;&lt;/script&gt;
    &lt;script src="{% static 'angular-cookies.js' %}"&gt;&lt;/script&gt;
    &lt;script src="{% static '/djangular/app.js' %}"&gt;&lt;/script&gt;
    &lt;script src="{% static 'js/app.js' %}"&gt;&lt;/script&gt;
    &lt;script src="{% static 'js/services.js' %}"&gt;&lt;/script&gt;
    &lt;script src="{% static 'js/controllers.js' %}"&gt;&lt;/script&gt;
    &lt;script src="{% static 'js/filters.js' %}"&gt;&lt;/script&gt;
    &lt;script src="{% static 'js/directives.js' %}"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Here the <code>{% static 'path/to/script' %}</code> notation searches a list of paths for my static file.</p>
  
  <p>Here they are:</p>
  
  <pre><code>D:\Django_Projects\nwod_characters\static
  D:\Django_Projects\nwod_characters\static\css
  D:\Django_Projects\nwod_characters\static\fonts
  D:\Django_Projects\nwod_characters\static\img
  D:\Django_Projects\nwod_characters\static\js
  D:\Django_Projects\nwod_characters\static\js\app # angular-ui-router.js lives here
  D:\Django_Projects\nwod_characters\static\svg
  D:\Django_Projects\nwod_characters\characters\app
  D:\Django_Projects\nwod_characters\characters\app\css
  D:\Django_Projects\nwod_characters\characters\app\js
  D:\Django_Projects\nwod_characters\characters\app\partials
  </code></pre>
  
  <p>And proof <code>angular-ui-router</code> exists, from Sublime:</p>
  
  <p><img src="https://i.stack.imgur.com/ROqAt.png" alt="static files screenshot"></p>
  
  <p>And here's a snippet from my app.js</p>
  
  <pre><code>angular.module('characters', ['djangular','ui.router',
      'characters.filters', 'characters.services', 'characters.directives', 'characters.controllers'])
      .config(['$stateProvider','DjangoProperties', 
      function($stateProvider, DjangoProperties, $urlRouterProvider) {
  
      $urlRouterProvider.otherwise("/users");
  
    // Now set up the states
        $stateProvider
          .state('users', {
            url: "/users",
            templateUrl: "partials/users.html"
          })
  </code></pre>
  
  <p>I've tried to set up this file correctly, but I'm not 100% sure. JavaScript is not my native language! In my understanding, the <em>file</em> <code>angular-ui-router.js</code> exports the <em>module</em> <code>ui.router</code>, that has the <em>providers</em> <code>'$stateProvider'</code> and <code>$urlRouterProvider</code>. Is that right? If so what am I doing wrong?</p>
  
  <p>I've also looked at the <a href="http://plnkr.co/edit/u18KQc?p=info" rel="nofollow noreferrer">plunkr</a> provided by AngularUI Routing. They configure their app slightly different, but I think the result should be the same:</p>
  
  <pre><code> &lt;script src="//angular-ui.github.io/ui-router/release/angular-ui-router.js"&gt;&lt;/script&gt;
  ....
  var myapp = angular.module('myapp', ["ui.router"])
      myapp.config(function($stateProvider, $urlRouterProvider){
  </code></pre>
  
  <p>So where am I going wrong that angular can't load the <code>ui-router</code> module?</p>