title: ionic side menu (official tutorial) give error
body: <p>I tried to follow their first tutorial here :</p>
  
  <pre><code>http://ionicframework.com/docs/guide/starting.html
  </code></pre>
  
  <p>However it returns a blank page, both in real device and browser emulator (ionic serve).</p>
  
  <p>This is the error :</p>
  
  <pre><code>Error: [$compile:ctreq] Controller 'ionSideMenus', required by directive 'ionSideMenuContent', can't be found!
  </code></pre>
  
  <p>The code itself is very straight forward. I download a blank template (i just followed the official tutorial), and add this <code>html</code> code :</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
      &lt;title&gt;Todo&lt;/title&gt;
  
      &lt;link href="lib/ionic/css/ionic.css" rel="stylesheet"&gt;
      &lt;link href="css/style.css" rel="stylesheet"&gt;
  
      &lt;!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
      &lt;link href="css/ionic.app.css" rel="stylesheet"&gt;
      --&gt;
  
      &lt;!-- ionic/angularjs js --&gt;
      &lt;script src="lib/ionic/js/ionic.bundle.js"&gt;&lt;/script&gt;
  
      &lt;!-- cordova script (this will be a 404 during development) --&gt;
      &lt;script src="cordova.js"&gt;&lt;/script&gt;
  
      &lt;!-- your app's js --&gt;
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body ng-app="todo"&gt;
  
      &lt;!--center--&gt;
      &lt;!-- &lt;ion-pane&gt;
        &lt;ion-header-bar class="bar-stable"&gt;
          &lt;h1 class="title"&gt;Ionic Blank Starter&lt;/h1&gt;
        &lt;/ion-header-bar&gt;
        &lt;ion-content&gt;
        &lt;/ion-content&gt;
      &lt;/ion-pane&gt; --&gt;
      &lt;ion-side-menu-content&gt;
        &lt;ion-header-bar class="bar-dark"&gt;
          &lt;h1 class="title"&gt;Todo&lt;/h1&gt;
        &lt;/ion-header-bar&gt;
        &lt;ion-content&gt;
        &lt;/ion-content&gt;
      &lt;/ion-side-menu-content&gt;
      asd
      &lt;!--nav bar--&gt;
      &lt;ion-side-menus&gt;
        &lt;ion-side-menu-content&gt;
        &lt;/ion-side-menu-content&gt;
        &lt;ion-side-menu side="left"&gt;
        &lt;/ion-side-menu&gt;
      &lt;/ion-side-menus&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And this is my <code>app.js</code> :</p>
  
  <pre><code>angular.module('todo', ['ionic'])
  .run(function($ionicPlatform) {
    $ionicPlatform.ready(function() {
      // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
      // for form inputs)
      if(window.cordova &amp;&amp; window.cordova.plugins.Keyboard) {
        cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
      }
      if(window.StatusBar) {
        StatusBar.styleDefault();
      }
    });
  })
  </code></pre>
  
  <p>What should i do to make the side project working?</p>
  
  <p>Thanks a lot for your help</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Thanks to <strong>ThomasP1988</strong>, now the error is gone. However, the white screen persists. I can see the content of my web for a split second (a blink of eye) before it turns to white, blank space evertime i run the project</p>