在Internet Explorer中加载模块的超时

时间:2012-07-23 12:17:25

标签: javascript internet-explorer module cross-browser requirejs

此问题仅出现在Internet Explorer 9中,适用于Chrome和Firefox。

这是我的主文件,它加载了我的所有依赖项:

// Filename: main.js

// Require.js allows us to configure shortcut alias
// There usage will become more apparent futher along in the tutorial.
require.config({
    paths: {
        jQuery: 'libs/jquery/jquery',
        Underscore: 'libs/underscore/underscore',
        Backbone: 'libs/backbone/backbone',
        JSON: 'libs/json2/json2',
        templates: '../templates'
    }

});

require([
    // Load our app module and pass it to our definition function
    'order!app',

    // Some plugins have to be loaded in order due to there non AMD compliance
    // Because these scripts are not "modules" they do not pass any values to the definition function below
    'order!libs/jquery/jquery-min',
    'order!libs/underscore/underscore-min',
    'order!libs/backbone/backbone-min',
    'order!libs/json2/json2-src'
], function(App){
    // The "app" dependency is passed in as "App"
    // Again, the other dependencies passed in are not "AMD" therefore don't pass a parameter to this function
    App.initialize();
});

这是浏览器崩溃的地方:

SomeRoute:function(){
    facade.console.log("SomeRoute");
    $("#toDelete").remove();
    this.user =  new User($.cookies.get('User'));
    var that = this;
    require(['views/SomeView'],function(SomeView){    // On this require
        if(that.user.get('usr_id') > 0){
            var view = new SomeView();
            $("#domelement").append(that.changeView(view));
        }
        else window.location = APP_URL + "/login#login";
    });
}

当我走这条路时,我收到了这个错误:

SCRIPT5022: Load timeout for modules: views/SomeView 
http://requirejs.org/docs/errors.html#timeout 
require.js, Line 27 Char 311

但Chrome或Firefox中没有任何内容,一切正常。

编辑:此外,刷新我要求的页面加载它完全没问题。这只是在我走路的时候。我必须刷新才能访问我的其他模块内容。

编辑2 :经过一些额外的测试后,我尝试将“enforceDefine:true”添加到我的main.js并更改了我的需求调用。没有改变。 此外,任何使用此功能调用的视图......

        confirmView: function(idDialog, view, opts1){
            facade.loader("body");
            require(["text!templates/common/dialog/confirm.phtml"], function(dialogTp){
                var opts = $.extend({}, facade.dialog.defaultOpts, opts1);
                // Delete previous dialog with same ID
                $("#"+idDialog).remove();

                // select the view we'll set
                var el = "#"+idDialog+" .modal-body";

                // Create our template with our options
                var contentDialog = _.template(dialogTp, { "option": opts, "text": "", "id": idDialog});
                $("body").append(contentDialog);

                require([view], function(viewClasse){
                    viewClasse.setElement("#"+idDialog+" .modal-body");
                    opts.preLoad(viewClasse);
                    viewClasse.render();

                    facade.unloader("body");

                    // twitter modal instance
                    facade.dialog.events(idDialog, opts, viewClasse);
                    $("#"+idDialog).modal(opts.modal);
                });
            });
        }

......也会崩溃(超时)。

我真的不知道发生了什么......

感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

之前我遇到过这个问题,它源于尝试将order与普通模块一起使用,而不是脚本。来自旧的1.0.x文档:

  

订单插件最适合与传统脚本一起使用。它不是   使用define()定义模块的脚本所需的。有可能的   混合搭配“订单!”具有常规依赖性的依赖项,但是   只有“订单!”将按相对顺序评估每个   其他

http://requirejs.org/docs/1.0/docs/api.html#order

在任何情况下,您都应该使用RequireJS 2.0来取消订单插件in favour of the shim configuration