title: Receiving a [$injector:modulerr] in console when setting up angular-ui-router
body: <p>I'm setting up a page using angular.js and am using angular-ui-router and am running into a pretty basic issue which i can't seem to figure out. I have required the proper CDN's and I believe I have setup the angular correctly but am running into a an error:</p>
  
  <pre><code>&gt; angular.js:38Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.5/$injector/modulerr?p0=portfolioApp&amp;p1=Err…oudflare.com%2Fajax%2Flibs%2Fangular.js%2F1.5.5%2Fangular.min.js%3A21%3A19)
  </code></pre>
  
  <p>My <code>app.js</code> is as follows:</p>
  
  <pre><code>&gt; angular.module('portfolioApp', ['ui.router','ui.bootstrap']).config(['$stateProvider','$urlRouterProvider','$locationProvider', function($stateProvider, $urlRouterProvider, $locationProvider) 
  &gt;{$urlRouterProvider.otherwise('/');  
  &gt; $stateProvider
  &gt;     .state('main', {
  &gt;       url: '/',
  &gt;       views: {
  &gt;         '/': {
  &gt;           templateUrl: '/views/main.html'
  &gt;         }
  &gt;       }
  &gt;     });   $locationProvider.html5Mode({
  &gt;     enabled: true,
  &gt;     requireBase: false   
  &gt;  }); 
  &gt;}]);
  </code></pre>
  
  <p>my <code>index.html</code> file which is located within the main folder of my app:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Tammer Galal&lt;/title&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular-route.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.18/angular-ui-router.js"&gt;&lt;/script&gt;
      &lt;!-- &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular-resource.js"&gt;&lt;/script&gt; --&gt;
      &lt;script src="/js/app.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="/style/style.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.6/darkly/bootstrap.css"&gt;
    &lt;/head&gt;
    &lt;body ng-app='portfolioApp' class="portfolioBody"&gt;
      &lt;div class="bs-component"&gt;
        &lt;nav class="navbar navbar-default"&gt;
          &lt;div class="container-fluid"&gt;
            &lt;div class="navbar-header"&gt;
              &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"&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" href="index.html"&gt;Home&lt;/a&gt;
            &lt;/div&gt;
            &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
              &lt;ul class="nav navbar-nav"&gt;
                &lt;li class="dropdown"&gt;
                  &lt;a href="repo.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"&gt;Github Repositories&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                  &lt;ul class="dropdown-menu" role="menu"&gt;
                    &lt;li&gt;&lt;a href="repo.html"&gt;Repos&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                &lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/nav&gt;
      &lt;/div&gt;
      &lt;div ui-view&gt;&lt;div&gt;
      &lt;!-- &lt;footer class="footer"&gt;
        &lt;div class="container"&gt;
          &lt;p class="text-muted"&gt;Place sticky footer content here.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/footer&gt; --&gt;
      &lt;script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I'm trying to load a basic home partial which i have named <code>partial-home.html</code> which is within my <code>public/views/partials</code> directory path.</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-xs-12 text-center"&gt;
  
      &lt;/div&gt;
      &lt;div class="col-xs-12 text-center"&gt;
        &lt;img class="img-rounded me" id="firstPicture" src="/img/me.jpg"&gt;
      &lt;/div&gt;
      &lt;div class="col-xs-12 text-center"&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-sm-4 col-md-4"&gt;
        &lt;div&gt;
          &lt;h3 class="siteHeader"&gt;&lt;strong&gt;Rock Paper Scissors!&lt;/strong&gt;&lt;/h3&gt;
          &lt;a href="rps.html"&gt;&lt;img class="img-rounded" id="rpsPic" src="/img/rps.jpg"&gt;&lt;/a&gt;
          &lt;p class="siteDescrip"&gt;Play a game of Rock, Paper, Scissors! Created utilizing: &lt;br /&gt;&lt;strong&gt;HTML, CSS3, Javascript, and jQuery&lt;/strong&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-4 col-md-4"&gt;
        &lt;h3 class="siteHeader"&gt;&lt;strong&gt;Face Check&lt;/strong&gt;&lt;/h3&gt;
        &lt;a href="http://face-check.herokuapp.com/"&gt;&lt;img class="img-rounded" id="faceCheckPic" src="/img/faceCheckPic.jpg"&gt;&lt;/a&gt;
        &lt;p class="siteDescrip"&gt;A facial and emotional recognition app Created utilizing: &lt;br /&gt;&lt;strong&gt;HTML, CSS3, Javascript, jQuery, AJAX, and 3 APIs&lt;/strong&gt;&lt;br /&gt;&lt;strong&gt;Co-Creators: Long Phan and Evan Bates&lt;/strong&gt;&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-4 col-md-4"&gt;
        &lt;h3 class="siteHeader"&gt;&lt;strong&gt;RU Fly?&lt;/strong&gt;&lt;/h3&gt;
        &lt;a href="http://rufly2.herokuapp.com/"&gt;&lt;img class="img-rounded" id="faceCheckPic" src="/img/rufly.jpg"&gt;&lt;/a&gt;
        &lt;p class="siteDescrip"&gt;RU Fly is a Rutgers Web Flyer, where students can add their favorite restaurants and leave reviews, so everyone knows the best place to eat! Adding upcoming events soon!&lt;br /&gt;&lt;strong&gt;HTML, CSS3, Javascript, Node.js, MySQL, Sequelize, Express, JawsDB&lt;/strong&gt;&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I really cannot figure out what it is i have done wrong and am thinking about starting from scratch. Any help would be greatly appreciated.</p>