Backbone.js + require.js 应用程序：不返回加载了 require.js 的模块视图

Question

我有两个骨干观点。一个是主视图，另一个是将在主视图中使用的视图。我正在为我的不同观点制作单独的模块。我已经从路由器加载并运行良好的主视图。这是我的两个视图：

主视图：

 define([
    'jquery',
    'backbone',
    'metros/docsMetro'
], 
function($, Backbone, docsMetro) {
    //Main Dashboard View
    var Dashboard = Backbone.View.extend({
            el: $('#mainContent'),
            events: {

            },


            initialize: function() {
                console.log('test');
                //Validate User Here most likely.  Each of the main view's for each app should probably call the same validation function


            },

            render: function (){
                console.log('testing render');

            }

        });


    // Return the Main Dashboard View
    return new Dashboard;

正在加载的“metros/docsMetro”文件位于顶部的 require 中。我可以看到这个视图正在加载并且正在通过 init 运行。

define([
    'jquery',
    'backbone'
], 
function($, Backbone) {
    //Docs Metro View
    var docsMetro = Backbone.View.extend({
            el: $('.docs'),
            events: {},

            initialize: function() {
                console.log('docs Metro');

            },

            render: function (){
                console.log('redering docs');

            }

        });

    // Return the View
    return new docsMetro;
});

我的问题是在主视图中，应该是返回的 docsMetro 视图的“docsMetro”变量返回 null。

我缺少什么，似乎所有设置都正确？

Answer 1

您可以尝试将模块的路径设置为相对路径吗？

而不是执行 'metros/docsMetro' 执行 './metros/docsMetro' （假设 Metros 文件夹与您需要 Metros/docsMetro 的模块文件位于同一级别） ）

以及一些针对您的代码的其他提示和修复。

模块应该返回构造函数而不是实例，并且您应该在需要它们的视图的初始值设定项中实例化它们。

jQuery 和 Backbone 不会放弃对其名称空间的全局注册的支持，因此您不需要每次都将它们传递到依赖项数组。如果您在加载路由器和主视图之前在 boostrap 中需要它们一次就足够了，主视图将负责加载应用程序的其余部分