title: emberJS nested route TypeError: cannot read property 'renderer' of undefined
body: <p>This is driving me a little mad. It seems like such a simple thing, but I can't get it working.</p>
  
  <p>Here's my router:</p>
  
  <pre><code>App.Router.map(function() {
  
      this.resource('pages', function() {
          this.resource('page', { path: '/:slug' }, function() {
              this.route('edit');
          });
          this.route('add');
      });
  }
  </code></pre>
  
  <p>The issue is with the 'add' route.</p>
  
  <p>Here's the setup:</p>
  
  <pre><code>App.PagesAddRoute = Ember.Route.extend({});
  App.PagesAddController = Ember.Controller.extend({});
  App.PagesAddView = Ember.View.extend({});
  
  
  // templates/pages/add.hbs
  &lt;h1&gt;Add New Page&lt;/h1&gt;
  </code></pre>
  
  <p>There's an outlet in <code>templates/pages.hbs</code> which the page template renders into fine.</p>
  
  <p>I've added a <code>console.log</code> on the init method all the route, controller and view objects. Each one is instantiating correctly, but when I navigate to /pages/add I get the following error message: </p>
  
  <pre><code>TypeError {
      message: "Cannot read property 'rerender' of undefined",
      stack: "TypeError: Cannot read property 'rerender' of undefined
          at CoreView.extend.rerender (http://localhost:9000/bower_components/ember/ember.js:26575:33)
          at null._controllerDidChange (http://localhost:9000/bower_components/ember/ember.js:26494:14)
          at applyStr (http://localhost:9000/bower_components/ember/ember.js:7995:29)
          at sendEvent (http://localhost:9000/bower_components/ember/ember.js:3320:13)
          at notifyObservers (http://localhost:9000/bower_components/ember/ember.js:6226:9)
          at propertyDidChange (http://localhost:9000/bower_components/ember/ember.js:6076:7)
          at set (http://localhost:9000/bower_components/ember/ember.js:6493:13)
          at Descriptor.ComputedPropertyPrototype.set (http://localhost:9000/bower_components/ember/ember.js:1708:11)
          at set (http://localhost:9000/bower_components/ember/ember.js:6461:14)
          at setupView (http://localhost:9000/bower_components/ember/ember.js:38915:7)"
  }
  </code></pre>
  
  <p>I'm running 1.6.0-beta.5 (but I was having the same issue in 1.5.1). Has anyone experienced this before?</p>
  
  <p>Thanks in advance.</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>Here's the pages route, controller and view:</p>
  
  <pre><code>App.PagesRoute = Ember.Route.extend({
      model: function() {
          return this.get('store').find('page');
      }
  });
  
  App.PagesController = Ember.Controller.extend({});
  App.PagesView = Ember.View.extend({});
  </code></pre>