title: first time using angular-ui-router, cannot find view getting a 404
body: <p>I just migrated a working front end from brackets to Visual studio 2015, after having to re get all of my packages due to the 260 character limit and the deeply nested bower file paths I am getting a 404. I have been though my code three or four times and I just cannot seem to find the problem. Can somebody please take a look at what I have and point me in the right direction. 
   The error message is that it cannot find my file moduleindex.html in its specified location. But I double check the path and that is where it is.</p>
  
  <p>Here is app.js and app.config.js</p>
  
  <pre><code> (function() {
   'use strict';
   angular
    .module('app', ['ui.router']);
   })(); 
  
  
   (function() {
  angular
      .module('app').config(function($urlRouterProvider, $stateProvider) {
  
          $urlRouterProvider.otherwise('/');
  
          $stateProvider.state('main', {
              url: '/',
              templateUrl: '/views/moduleIndex.html'
          });
  
          $stateProvider.state('register', {
              url: '/register',
              templateUrl: '/views/register.html',
              cotroller: 'register'
          });
  
          $stateProvider.state('userSettings', {
              url: '/userSettings',
              templateUrl: '/views/userSettings.html',
              cotroller: 'userSettings'
          });
  
          $stateProvider.state('doctorView', {
              url: '/doctorView',
              templateUrl: '/views/doctorView.html',
              cotroller: 'doctorView'
          });
  
          $stateProvider.state('injuriesDict', {
              url: '/injuriesDict',
              templateUrl: '/views/injuriesDictionary.html',
              cotroller: 'injuriesDictionary'
          });
  
          $stateProvider.state('excercisesDict', {
              url: '/excercisesDict',
              templateUrl: '/views/excercisesDictionary.html',
              cotroller: 'injuriesDictionary'
          });
  
          $stateProvider.state('patientEntry', {
              url: '/patientEntry',
              templateUrl: '/views/patientEntryForm.html',
              cotroller: 'patientEntry'
          });
  
  
          $stateProvider.state('patientView', {
              url: '/patientView',
              templateUrl: '/views/patientView.html',
              cotroller: 'patientView'
          });
  
          $stateProvider.state('therapistView', {
              url: '/therapistView',
              templateUrl: '/views/therapistView.html',
              cotroller: 'therapistView'
          });
  
          $stateProvider.state('adminView', {
              url: '/adminView',
              templateUrl: '/views/adminView.html',
              cotroller: 'adminView'
          });
  
      });
   })();
  </code></pre>
  
  <p>Here is index.html</p>
  
  <pre><code>    &lt;!doctype html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="viewport" content="width=device-width"&gt;
  
      &lt;!-- bower:css --&gt;
      &lt;link rel="stylesheet"    href="../bower_components/bootstrap/dist/css/bootstrap.css" /&gt;
      &lt;link rel="stylesheet" href="../bower_components/animate.css/animate.css" /&gt;
      &lt;!-- endbower --&gt;
      &lt;!-- endbuild --&gt;
      &lt;!-- build:css(.tmp) styles/main.css --&gt;
      &lt;link rel="stylesheet" href="styles/main.css"&gt;
      &lt;link rel="stylesheet" href="styles/bootstrap.min-flatly.css"&gt;
      &lt;!-- endbuild --&gt;
  &lt;/head&gt;
  
  &lt;body ng-app="app"&gt;
      &lt;!--[if lte IE 8]&gt;
        &lt;p class="browsehappy"&gt;You are using an &lt;strong&gt;outdated&lt;/strong&gt; browser. Please &lt;a href="http://browsehappy.com/"&gt;upgrade your browser&lt;/a&gt; to improve your experience.&lt;/p&gt;
      &lt;![endif]--&gt;
      &lt;!-- Add your site or application content here --&gt;
      &lt;div class="header"&gt;
          &lt;div class="navbar navbar-default" role="navigation"&gt;
              &lt;div class="container" ng-cloak&gt;
                  &lt;div class="navbar-header"&gt;
  
                      &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#js-navbar-collapse"&gt;
                          &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;/button&gt;
  
                      &lt;a class="navbar-brand" ng-sref="#/"&gt;Physical Therapy Fitness Tracker&lt;/a&gt;
                  &lt;/div&gt;
  
                  &lt;div class="collapse navbar-collapse" id="js-navbar-collapse"&gt;
  
                      &lt;ul class="nav navbar-nav"&gt;
                          &lt;li&gt;&lt;a ui-sref-active="active" ui-sref="main"&gt;Module Index&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a ui-sref-active="active" ui-sref="register"&gt;Register&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="container"&gt;
          &lt;div ui-view&gt;&lt;/div&gt;
          &lt;div class="alert alert-{{alert.type}} animated main -alert" ng-class="{'flipInY': alert.show, 'flipOutY':!alert.show, 'alert-hidden': !alert.hasBeenShown}"&gt;&lt;strong&gt;{{alert.title}}&lt;/strong&gt;{{alert.message}}&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="footer"&gt;
          &lt;div class="container"&gt;
              &lt;p&gt;&lt;span class="glyphicon glyphicon-heart"&gt;&lt;/span&gt;From JBDesign&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  
      &lt;!-- Google Analytics: change UA-XXXXX-X to be your site's ID --&gt;
      &lt;script&gt;
          ! function(A, n, g, u, l, a, r) {
              A.GoogleAnalyticsObject = l, A[l] = A[l] || function() {
                      (A[l].q = A[l].q || []).push(arguments)
                  }, A[l].l = +new Date, a = n.createElement(g),
                  r = n.getElementsByTagName(g)[0], a.src = u, r.parentNode.insertBefore(a, r)
          }(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
  
          ga('create', 'UA-XXXXX-X');
          ga('send', 'pageview');
  
      &lt;/script&gt;
  
      &lt;!-- build:js(.) scripts/vendor.js --&gt;
      &lt;!-- bower:js --&gt;
      &lt;script src="../bower_components/jquery/dist/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="../bower_components/angular/angular.js"&gt;&lt;/script&gt;
      &lt;script src="../bower_components/bootstrap/dist/js/bootstrap.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/Kendo/js/kendo.all.min.js"&gt;&lt;/script&gt;
      &lt;script src="../bower_components/Kendo/js/kendo.angular.min.js"&gt;&lt;/script&gt;
      &lt;!-- endbower --&gt;
      &lt;!-- endbuild --&gt;
      &lt;!-- build:js({.tmp,app}) scripts/scripts.js --&gt;
      &lt;script src="scripts/app.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/app.config.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/directives/validateEquals.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/controllers/register.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/services/authtoken.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/controllers/patientSearch.js"&gt;&lt;/script&gt;
      &lt;!-- endbuild --&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>I know I am breaking papas put the controller, view, and anything else needed for that module in one place principle. But I am just prototyping something really quick.</p>
  
  <p>Does anybody see where I might be getting my 404, again this was all working fin with no errors in the console coded in brackets. I need to move into visual studio so that I can integrate with Web API. forgive me if it is something dumb, I am still learning Angular.</p>
  
  <p>Thanks in advance, John.       </p>