使用require js加载骨干和骨干关系

时间:2013-03-07 03:40:02

标签: backbone.js requirejs backbone-relational

大家好我每次尝试在需要js时加载骨干和骨干关系,这只是我的代码:

main.js:

requirejs.config({
    paths: {
        'domReady': 'lib/require/domReady',
        'text': 'lib/require/text',
        'jquery': 'lib/jquery/jquery',
        'underscore': 'lib/underscore',
        'backbone': 'lib/backbone/loader',
        'relational': 'lib/backbone/relational',
        'iosync': 'lib/backbone/iosync',
        'iobind': 'lib/backbone/iobind'
    },
    shim: {
        'underscore': {
            exports: '_'
        },
        'backbone': {
            deps: ['underscore', 'jquery'],
            exports: 'Backbone'
        },
        'relational': {
            deps: ['backbone']
        },
        'iobind': {
            deps: ['backbone']
        },
        'iosync': {
            deps: ['backbone']
        }
    }
});

require([
    'domReady!',
    'jquery',
    'backbone',
    'models/application',
    'views/application'
], function () {
    // start the app
    var applicationModel = new BACON.models.Application();
    var applicationView = new BACON.views.Application({
        el: $('body'),
        model: applicationModel
    });
});

和lib / backbone / loader.js:

define([
    'lib/backbone/backbone',
    'relational',
    'iobind',
    'iosync'
]);

但在chrome上运行我的应用程序会给我:

Uncaught Error: Load timeout for modules: relational,iobind,iosync

所以看起来我有一个依赖循环...有没有办法让这个工作或有另一种方法来实现这个?

1 个答案:

答案 0 :(得分:1)

在你的shim配置中,你为骨干关系添加了一个依赖,它引用libs/backbone/loader,这会在加载lib / backbone / loader.js时生成一个循环。

您应该将骨干的路径配置更改为'lib/backbone/backbone',并根据需要为加载程序添加另一个命名路径。