title: Ember.js + Sinatra + Sprockets, trying to use separate files for handlebars templates
body: <p>I'm currently writing an Ember app with a small Sinatra back end. My previous Ember project used a Rails back end with the <a href="https://github.com/emberjs/ember-rails" rel="nofollow">ember-rails</a> gem. I'm using a similar directory structure to the one that ember-rails generates. The app structure looks something like the following.</p>
  
  <pre><code>  /app
      /assets
        /stylesheets
        /javascripts
          /vendor
          /models
          /controllers
          /routes
          /views
          /templates
              --various templates with .hbs extension--
          applcation.js
          router.js
          store.js
      /models
      /views
        layout.erb
    app.rb
    config.ru
    Gemfile
  </code></pre>
  
  <p>I've had no issues setting up the app with sprockets. The ember app is loaded and rendered into the layout template below.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;My App&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
  
      &lt;script type="text/x-handlebars" data-template-name="application"&gt;
        &lt;h1&gt;My App&lt;/h1&gt;
        {{ outlet }}
      &lt;/script&gt;
  
      &lt;script src="assets/javascripts/application.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The problem is that none of my .hbs template files are detected and rendered into the outlet. If I move the templates into script tags in the layout then they render correctly.
  I've tried using <a href="https://github.com/leshill/handlebars_assets" rel="nofollow">handlebars_assets</a>, <a href="https://github.com/benkitzelman/sinatra-handlebars" rel="nofollow">sinatra-handlebars</a>, and <a href="https://github.com/gamepoet/sinatra-ember" rel="nofollow">sinatra-ember</a> but to no avail. Any help would be appreciated.</p>