Can anyone help me set up my side menu?

I can’t seem to make the side menu work. What happens is the that I can see the sidebar button, but the page content disappears and the button doesn’t click to open anything.

here is my route.js

angular.module('app.routes', [])

.config(function($stateProvider, $urlRouterProvider) {


      .state('jobStore', {
    url: '/homePage',
        contoller: 'sideMenuCtrl'


here is my side menu, called userSettings.html


  <ion-pane ion-side-menu-content>
    <ion-nav-bar class="bar-stable">
      <ion-nav-back-button class="button-clear"><i class="icon ion-chevron-left"></i> Back</ion-nav-back-button>
    <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>

  <ion-side-menu side="left">
    <header class="bar bar-header bar-stable">
      <h1 class="title">Left</h1>
        <ion-content class="has-header">
<ion-item id="userSettings-list-item11" class="  ">Application</ion-item>
                <ion-item id="userSettings-list-item12" class="  ">Dashboard</ion-item>

and my index.html

    <ion-nav-buttons side="left">
      <button menu-toggle="left"class="button button-icon icon ion-navicon"></button>

      <ion-nav-back-button class="button-icon icon ion-ios-arrow-back">Back</ion-nav-back-button>

Please post your controller code too

the controller is empty, is it supposed to do something? I’m very new at this and a little confused.

.controller('sideMenuCtrl', function($scope) {


Your menu content will be inserted in the view named ‘menuContent’

So you need to change your view name in your state from userSettings to menuContent

i get Cannot read property ‘enableMenuWithBackViews’ of undefined error