javascript - "el"在 browserify 中使用 backbone Marionette 时必须存在于 DOM 中

Question

我在 browserify 中使用 backbone Marionette 。

我遇到了关于显示 View 的问题。

我有 addRegions 并想显示 ItemView。

但是控制台显示错误:Uncaught Error: An "el"#tmp_area must exist in DOM。

我的 HTML 文件有 #tmp_area 区域。

当我使用 require.js 时没有显示这个问题，但是当我改用 browserify 时出现了。

不知道怎么回事

下面是我的代码。

app.js

var Backbone = require('backbone');
var $ = require('jquery');
Backbone.$ = $;

var Marionette = require('backbone.marionette');
var MyView = require('./views/my_view');

var app = new Marionette.Application();

app.addRegions({
    tmp_area: "#tmp_area"
});

app.addInitializer(function() {
    var myView = new MyView();
    app.tmp_area.show(myView);
});

app.on("initialize:after", function() {
    if (Backbone.history) {
        Backbone.history.start();
    }
});

app.start();

my_view.js

var $ = require('jquery');
var Backbone = require('backbone');
var Marionette = require('backbone.marionette');
var templates = require('../templates/tmp.hbs');
Backbone.$ = $;

module.exports = Marionette.ItemView.extend({
    template: templates,
})

请帮帮我!

非常感谢!

Answer 1

我很确定这与文档就绪状态有关。您可以将脚本放在 HTML 的底部或将应用程序初始化步骤包装到 document.ready 中。功能。