5

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

应用程序.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();
})

历史.js

define(['renderview'], function (renderview) {
    //all good here, render view is loaded properly
    return {
        render: function () {
            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;
});

因此，如您所见，助手在初始 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;
});

因此，如果不在回调中执行 require ，而不是将它们指定为依赖项，我无法正确加载这些模块。很想知道为什么会这样......

4

1 回答 1

1

鉴于问题和您的解决方案，您的 require 调用中的某处似乎存在循环依赖。也许您在模块中需要的某些helper模块也需要该helpers模块。

于 2013-08-11T19:58:35.677 回答