子模块在Backbone.Marionette应用程序中变为“未定义”

Question

我正在制作用于上传文件的Marionette应用程序，而我却刚开始。 首先，我将向您展示我正在使用的文件：

upload_view.js

AppManager.module("PrimaryApp.Upload", function(Upload, AppManager, Backbone, Marionette, $, _){

    Upload.UploadPage = Marionette.ItemView.extend({
        template: "#upload-template"
    });
});

upload_controller.js

AppManager.module("PrimaryApp.Upload", function(Upload, AppManager, Backbone, Marionette, $, _){
Upload.Controller = {
    show: function(){

        var uploadView = new Upload.UploadPage();

        AppManager.regions.primary.show(uploadView);
    },
  };
});

app.js

var AppManager = new Marionette.Application();

AppManager.on("before:start", function() {
    var RegionContainer = Marionette.LayoutView.extend({
        el: "#app-container",

        regions: {
            primary: "#primary-region",
            secondary: "#secondary-region",
            header: "#header-region"
        }
    });

    AppManager.regions = new RegionContainer();
});

AppManager.on("start", function(){
    console.log(AppManager);
    AppManager.PrimaryApp.Upload.Controller.show();
})

AppManager.start();

在浏览器中运行此应用程序时，出现以下错误：

Uncaught TypeError: Cannot read property 'Upload' of undefined   

对于app.js中的这一行代码：

AppManager.PrimaryApp.Upload.Controller.show();

但是，当我将AppManager输出到控制台时，得到以下信息：

这表明AppManager.PrimaryApp确实已定义并且包含所需的所有子模块。 有什么想法为什么我的AppManager.PrimaryApp在被调用为函数时未定义，但是在输出到控制台时又被定义？

Answer 1

找出问题所在！

AppManager.start();

在定义AppManager.PrimaryApp之前的位置错误，并尝试运行。 然而，

console.log(AppManager);

在定义AppManager.PrimaryApp之后以某种方式调用，从而导致正确的输出。 我的start（）函数的简单动作固定了事物的顺序。