require.js - 作为参数传递的未定义模块,用于定义回调

时间:2013-08-11 07:00:58

标签: javascript requirejs amd

我的应用程序有以下需要js设置:

app.js

require.config({
    paths: {
        jquery: '../thirdparty/jquery-1.9.1.min',
        moment: '../thirdparty/moment',
        spinningwheel: '../thirdparty/datepicker/spinningwheel',
        handlebars: '../thirdparty/handlebars',
        colorgenerator: '../usercolors',
        baseconfig: '../config'        },
    shim: {
        'baseconfig': [],
        'spinningwheel': {
            deps: [],
            exports: 'SpinningWheel'
        },
        'handlebars': {
            deps: [],
            exports: 'Handlebars'
        }

    }
});


require(['jquery', 'dom', 'helpers', 'actions', 'history', 'store'], function ($, dom, helpers, actions, hist, store) {
    //all good on the home front at this point
    //all modules loaded properly
    history.render();
})

history.js

define(['renderview'], function (renderview) {
    //all good here, render view is loaded properly
    return {
        render: function () {
            renderview({...});
        }
    };
})

renderview.js

define(['jquery', 'helpers', 'dom'], function ($, helpers, dom) {
    function renderView(view) {
        var template = helpers.getTemplate(); //ERROR: helpers is undefined!
    }

    return renderView;
});

helpers.js

define(['jquery', 'handlebars', 'history', 'dom', 'colorgenerator'], function ($, Handlebars, history, dom, ColorGenerator) {
    var helpers = {};

    helpers.getTemplate = function () {
       //do stuff
    };

    return helpers;
});

所以,正如你所看到的,helper在inital app.js回调中加载得很好,但是当我进入renderview.js时它是未定义的。示例中的依赖关系数组正是我在实际代码中所拥有的,但是我已经编辑了所有看似无关的代码。任何想法为什么帮助器将在app.js中加载,但不能在renderview.js中加载?这是循环依赖吗?对我来说看起来不像,但今天我可能已经这么久了:))

感谢您提供任何帮助或建议!

添加当前的解决方案,虽然我不知道为什么我需要这样做:)

define(['require', 'jquery', 'dom'], function (require, $, dom) {
    function renderView() {
        //responsible for rendering our view
        var helpers = require('helpers');
        var history = require('history');

        var v = history.get();
        ...
        tmpl = helpers.getTemplate(v.template);
        ...
    }

    return renderView;
});

因此,如果不在回调中执行 ,而不是将它们指定为依赖项,我无法正确加载这些模块。我会非常喜欢为什么会这样......

1 个答案:

答案 0 :(得分:1)

鉴于问题和您的解决方案,您的需求调用中看起来好像有circular dependency。也许helper模块中需要的某些模块也需要helpers模块。