遍历JSON数据并插入到把手模板中

Question

我正在尝试将JSON数据插入到我的车把模板中。 但是，我在获取数据方面遇到了麻烦。 这是我的js文件：

import $ from 'jquery'
import Handlebars from 'handlebars'
import indextmpl from '../templates/index.hbs!text'

let api_url = 'http://127.0.0.1:3000/movies' 

fetch(api_url).then(function(resp) {
  resp.json().then(function(movies) {
    console.log(movies)
    let tmpl = Handlebars.compile(indextmpl)
      for (let movie in movies) {
        let html = tmpl(movie)
          let title = $('#movie_title_main_page').innerHTML = movie.title
          $('#app').append(title)
      }
  })
})

和我的模板文件：

<div id="wrapper">
  <div id="now_playing_section">
    <h1 id="now_playing_header">Now Playing</h1>
        <div id="movie_poster_wrapper">
          <p id="movie_title_main_page"></p>
          <p id="movie_poster"></p>
          <p id="movie_poster_release"></p>
        </div>
  </div>
</div>

我正在使用console.log（movies）来查看是否可以在控制台中重新获得阵列，并且按以下方式工作：

[对象，对象，对象，对象，对象，对象，对象，对象] 0：对象1：对象2：对象3：对象4：对象5：对象6：对象7：对象长度：8__proto__：数组[0]

我正在使用$（'＃app'）。append（title）来查看标题是否可以显示出来，并将其附加到index.html文件中的#app div中，但是看起来没有那么远。

所以不确定我在做什么错，但是任何帮助将不胜感激，谢谢！