Backbone.js 主干模板不'；t更新为新值

我和约曼一起搭建了一个主干应用程序。我使用了标准的template.ejs。发生了一些奇怪的事情。如果我从HTML中获取一个元素，它将更新为标准的.ejs`您的内容

但是，当我编辑模板并重新加载时，新内容将不会显示，而旧内容将显示：

<p>your content here </p>

批准人（App.js）

和HeaderView：

    /*global define*/

define([
    'jquery',
    'underscore',
    'backbone',
    'templates'
], function ($, _, Backbone, JST) {
    'use strict';

    var HeaderViewView = Backbone.View.extend({
        template: JST['app/scripts/templates/HeaderView.ejs'],

        tagName: 'div',

        id: '',

        className: '',

        events: {
            'click .new' : 'addNew'
        },

        initialize: function () {
            this.render();
        },

        render: function () {
            $('#header').append(this.template);
        }
    });

    return HeaderViewView;
});

HeaderView.ejs

<h1>New Text</h1>

---

您是否尝试过硬刷新（ctrl+F5）或删除浏览器历史记录和本地文件是的，当我打开一个匿名文件或新浏览器时，也会发生同样的情况。我还使用本教程创建了一个全新的项目，没有require.js：相同的结果：我的模板没有更新在渲染函数中？或者更好地建立一个重现问题的环境？

    /*global define*/

define([
    'jquery',
    'underscore',
    'backbone',
    'templates'
], function ($, _, Backbone, JST) {
    'use strict';

    var HeaderViewView = Backbone.View.extend({
        template: JST['app/scripts/templates/HeaderView.ejs'],

        tagName: 'div',

        id: '',

        className: '',

        events: {
            'click .new' : 'addNew'
        },

        initialize: function () {
            this.render();
        },

        render: function () {
            $('#header').append(this.template);
        }
    });

    return HeaderViewView;
});

<h1>New Text</h1>

your content here