title: Uncaught Error: Angular even after loading ng-route
body: <p>I'm getting this dreadful error:</p>
  
  <pre><code>angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module usersApp due to:
  Error: [$injector:modulerr] Failed to instantiate module ngRoute due to:
  Error: [$injector:nomod] Module 'ngRoute' 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>Not sure what I'm doing wrong: app.js:</p>
  
  <pre><code>(function () {
  
      var app = angular.module('usersApp',
          ['ngRoute']);
  
      app.config(['$routeProvider', function ($routeProvider) {
  
        var viewBase = '/';
  
          $routeProvider
              .when('/users', {
                  controller: 'MainController',
                  templateUrl: viewBase + 'users/users.html',
                  controllerAs: 'vm'
              })
              .when('/add', {
                  controller: 'OrdersController',
                  templateUrl: viewBase + 'add/orders.html'
              })
              .otherwise({ redirectTo: '/users' });
  
      }]);
  
  
  }());
  </code></pre>
  
  <p>index.html:</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;My Angular App!&lt;/title&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"&gt;&lt;/script&gt;
  
      &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"&gt;&lt;/script&gt;
  
      &lt;script src="app.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body ng-app="usersApp" ng-controller="MainCtrl"&gt;
    &lt;h1&gt;uSers&lt;/h1&gt;
      &lt;div ng-repeat="user in users" ng-click="getUsers()" style="background: black; padding: 5px; min-width: 25px; color: white;"&gt;
      {{user}}
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks for any help you can provide!</p>