title: angularjs ui-router: Unknown provider: $stateProvider
body: <p>I'm having troubles using the ui-router plugin of AngularJS:</p>
  
  <pre><code>angular.module('myApp', []).
  config(['$routeProvider', '$stateProvider', function($routeProvider, $stateProvider) {  
      $stateProvider
          .state('mandats', {
              url: '/domiciliations/mandats',
              templateUrl: 'domiciliations/views/mandats.html',
              controller: 'mandatsCtrl'
          });
  }])
  </code></pre>
  
  <p>I then get this error at startup:</p>
  
  <pre><code>Unknown provider: $stateProvider
  </code></pre>
  
  <p>I've included the javascripts in this order:</p>
  
  <pre><code>&lt;script src="/Scripts/libs/angular/angular.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/libs/angular/angular-resource.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/libs/angular/angular-ui-states.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>What could be the issue ? </p>
  
  <p><strong>[EDIT]</strong></p>
  
  <p>I've got rid of the error message by adding 'ui.compat' as a dependency of myApp. I saw that in the sample code of ui-router but nowhere in the documentation. What is this about ? </p>
  
  <p>Nevertheless, it still does not work. I've added ui-view to a div in the application index file. But the page remains blank.</p>