backbone.js无法渲染视图

下面是我的一个模块的代码。这是一种spagetti风格的代码，但我想要完成的只是拥有一个模型、一个集合，并呈现一个将数据从集合连接到视图的视图（使用下划线模板）。我失败得很惨。我遇到的问题是，试图运行对testfeed.render（）的最后一个调用告诉我render不是一个函数，但它是明确定义的。我能够从api中获取数据并将其添加到集合中。我在这里做错了什么？

 // Create a new module.
  var Tagfeed = app.module();
  // Default model.
  Tagfeed.Model = Backbone.Model.extend({
    defaults : {
        name : '',
        image : ''
    },
    initialize : function(){
        console.log('tagfeed model is initialized');
        this.on("change", function(){
            console.log("An attribute has been changed");
        });
    }
  });
  var feedCollection = Backbone.Collection.extend({
    model: Tagfeed.Model,
    initialize : function () {
        console.log('feedcollection is initialized');
    },
    fetch: function () {
        var thisCollection = this;
        Api_get('/api/test', function(data){
            $.each(data.data, function(){
                thisCollection.add(this);
            });
            return thisCollection;
        })
    }
  });
  var test = new Tagfeed.Model({name:'test'});
  var newFeedCollection = new feedCollection();
  newFeedCollection.fetch();
  console.log(newFeedCollection.at(0));
  var testfeed = Backbone.View.extend({
    el: $('#main'),
    collection : newFeedCollection,
    render: function( event ){
        var compiled_template = _.template( $("#tag-template").html() );
        this.$el.html( compiled_template(this.model.toJSON()) );
        return this; //recommended as this enables calls to be chained.
    }
  });
  testfeed.render();

编辑*来自@mu的更新代码是简短的建议

  // Create a new module.
  var Tagfeed = app.module();
  // Default model.
  var tagModel = Backbone.Model.extend({
    defaults : {
        name : '',
        image : '',
        pins : 0,
        repins : 0,
        impressions : 0
    },
    initialize : function(){
        console.log('tagfeed model is initialized');
        this.on("change", function(){
            console.log("An attribute has been changed");
        });
    }
  });
  var feedCollection = Backbone.Collection.extend({
    model: tagModel,
    initialize : function () {
        console.log('feedcollection is initialized');
    },
    fetch: function () {
        var thisCollection = this;
        Api_get('/reporting/adlift/pin_details', function(data){
            thisCollection.add(data.data);
            return data.data;
        })
    }
  });
  var test = new tagModel({name:'test'});
  var newFeedCollection = new feedCollection();
  newFeedCollection.fetch();
  console.log(newFeedCollection.at(0));
  var TestFeed = Backbone.View.extend({
    el: $('#main'),
    render: function( event ){
        console.log('here');
        var compiled_template = _.template( $("#tag-template").html(), this.collection.toJSON());
        this.el.html( compiled_template );
        return this; //recommended as this enables calls to be chained.
    },
    initialize: function() {
        console.log('initialize view');
        this.collection.on('reset', this.render, this);
    }
  });
  //Tagfeed.testfeed.prototype.render();
  var testfeed = new TestFeed({ collection: newFeedCollection });
  testfeed.render();

现在，当我运行testfeed.render（）时，我没有看到任何错误，也没有在render函数中看到console.log。想法？