骨干/下划线。渲染时，＆＃39; this.template不是一个函数＆＃39;错误

Question

class Crafts extends Backbone.Collection {
  get url() {
    return '../crafts.JSON'
  }
  get model() {
    return Craft
  }
}

class CraftView extends Backbone.View {
  get template() {
    return
   _.template($('#craftTemplate').text());
 }
  render() {
    this.$el.html(this.template(this.model.attributes));
    return this.$el;
  }
}

class CraftsView extends Backbone.View {
  render() {
    const self = this;
    this.collection.each((craft) => {
      let view = new CraftView({
        model: craft
      });
      self.$el.append(view.render());
    });
    console.log(this.el)
    return this.$el;
  }
};

我得到了一个＆＃39;未捕获的TypeError：this.template不是一个函数＆＃39;当我尝试渲染。我正在从一个有效的旧项目中建模我的代码，因此我不确定错误发生的原因。我遇到的唯一解决方案是使用bindAll，但我不认为这是问题所在。非常感谢任何帮助，谢谢。