title: Ember cli, cannot display/debug my model data
body: <p>I'm using JSBIN to test out some Ember stuff and I can't seem to display my model data.</p>
  
  <p>Unfortunately on only error I get is "Script error (line 0)" which isn't very helpful.</p>
  
  <p>JSBIn here:
  <a href="http://jsbin.com/duqehebewu/3/edit?html,console,output" rel="nofollow">http://jsbin.com/duqehebewu/3/edit?html,console,output</a></p>
  
  <pre><code>&lt;script src="http://static.iamstef.net/ember-cli-jsbin/jquery/dist/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="http://static.iamstef.net/ember-cli-jsbin/loader.js/loader.js"&gt;&lt;/script&gt;
  &lt;script src="http://static.iamstef.net/ember-cli-jsbin/handlebars/handlebars.js"&gt;&lt;/script&gt;
  &lt;script src="http://static.iamstef.net/ember-cli-jsbin/ember/ember.js"&gt;&lt;/script&gt;
  &lt;script src="http://static.iamstef.net/ember-cli-jsbin/ember-load-initializers/ember-load-initializers.js"&gt;&lt;/script&gt;
  &lt;script src="http://static.iamstef.net/ember-cli-jsbin/ember-resolver/dist/ember-resolver.js"&gt;&lt;/script&gt;
  &lt;script src="http://static.iamstef.net/ember-cli-jsbin/ember-cli-shims/app-shims.js"&gt;&lt;/script&gt;
  &lt;script src="http://static.iamstef.net/ember-cli-jsbin/ember-cli.js"&gt;&lt;/script&gt;
  &lt;meta name="ember-app" content="app" mode="auto-run"&gt;
  &lt;script type='text/x-esnext' id='app/app'&gt;
  import Ember from 'ember';
  import Resolver from 'ember/resolver';
  import loadInitializers from 'ember/load-initializers';
  import config from './config/environment';
  
  Ember.MODEL_FACTORY_INJECTIONS = true;
  
  var App = Ember.Application.extend({
    modulePrefix: config.modulePrefix,
    podModulePrefix: config.podModulePrefix,
    Resolver: Resolver
  });
  
  loadInitializers(App, config.modulePrefix);
  
  export default App;
  &lt;/script&gt;
  
  &lt;script type='text/x-esnext' id='app/config/environment'&gt;
  export default { modulePrefix: 'app', locationType: 'hash'};
  &lt;/script&gt;
  
  &lt;script type='text/x-esnext' id='app/router'&gt;
  import Ember from 'ember';
  import config from './config/environment';
  
  var Router = Ember.Router.extend({
    location: config.locationType,
  });
  
  
  export default Router;
  &lt;/script&gt;
  
  &lt;script type='text/x-esnext' id='app/router/index'&gt;
  import Ember from 'ember';
  import config from './config/environment';
  
  var posts = [{
    title: "Rails is omakase",
    body: "There are lots of à la carte software environments in this world."
  }, {
    title: "Broken Promises",
    body: "James Coglan wrote a lengthy article about Promises in node.js."
  }];
  
  var IndexRouter = Ember.Router.extend({
    location: config.locationType,
    model: function() {
       return posts;
   }
  });
  
  export default IndexRouter;
  &lt;/script&gt;
  
  
  &lt;script type='text/x-handlebars' id='app/templates/application'&gt;
  &lt;h2 id='title'&gt;Welcome to Ember.js&lt;/h2&gt;
  
  {{outlet}}
  &lt;/script&gt;
  
  
  
  &lt;script type='text/x-handlebars' id='app/templates/index'&gt;
  &lt;h1&gt;Index template&lt;/h1&gt;
  {{#each}}
        {{body}}
  {{/each}}
  &lt;/script&gt;
  </code></pre>