Question

我有一个优化的config.js（大约420kB）由requirejs加载，每次新用户注册并且此文件中的日志被提取并放入缓存中，但是第一次用户获取此信息时总是有{ {1}}，然后用户必须刷新然后加载。

我认为这是一个超时问题，因此更改了Uncaught Error: Load timeout for modules: config。这发生在requireJs 2.1.6中，所以我升级到最新的2.1.9并且仍然是同样的问题。

但是如果我不使用优化器并使用未优化的配置文件（3KB）加载大约35-40个小js文件（缩小），那就没事了！但我希望所有文件都在优化waitSeconds : 200中，因为http请求较少（对移动设备有利）。

添加代码：

config.js

**任何模块都没有错误，因为未经优化的config.js文件加载正常。

构建配置

require.config({

    paths : {
        jquery        : './vendor/libs/jquery-1.10.1.min',
        underscore    : './vendor/libs/underscore-min',
        backbone      : './vendor/libs/backbone-min',
        marionette    : './vendor/libs/backbone.marionette',
        wreqr         : './vendor/plugins/backbone.wreqr.min',
        text          : './vendor/plugins/text',
        tpl           : './vendor/plugins/tpl',
        socketio      : '../socket.io/socket.io.min',
        spin          : './vendor/plugins/spin.min',
        shuffle       : './vendor/plugins/jquery.shuffleLetters',
        magicSuggest  : './vendor/plugins/magicsuggest-1.3.0-min',
        mCustomScroll : './vendor/plugins/jquery.mCustomScrollbar.concat.min',
        imagesloaded  : './vendor/plugins/imagesloaded',
        qTip          : './vendor/plugins/jquery.qtip.min',
        visibility    : './vendor/plugins/visibility',
        tab           : './vendor/plugins/tab',
        dropdown      : './vendor/plugins/dropdown',
        interestsMap  : './interestsMap',
        moment        : './vendor/plugins/moment.min',
        favicon       : './vendor/plugins/tinycon'

    },

    waitSeconds       : 180,

    shim : {

        socketio : {
            exports : 'io'
        },

        underscore : {
            exports : '_'
        },

        backbone : {
            deps : ['underscore','jquery'],
            exports : 'Backbone'
        },

        marionette : {
            deps : ['backbone'],
            exports : 'Backbone.Marionette'
        },

        wreqr      : {
            deps : ['backbone'],
            exports : 'Backbone.Wreqr'
        },

        shuffle : {
            deps : ['jquery'],
            exports : 'jQuery.fn.shuffleLetters'
        },

        magicSuggest : {
            deps : ['jquery'],
            exports : 'jQuery.fn.magicSuggest'
        },

        mCustomScroll : {
            deps : ['jquery'],
            exports : 'jQuery.fn.mCustomScrollbar'
        },

        visibility : {
            exports : 'Visibility'
        },

        tab        : {
            deps : ['jquery'],
            exports : 'jQuery.fn.tab'
        },

        dropdown   : {
            deps : ['jquery'],
            exports : 'jQuery.fn.dropdown'
        },

        moment     : {
            exports : 'moment'
        },

        favicon    : {
            exports : 'Tinycon'
        }

    },

    tpl     : {
        extension : '.tpl'
    }
});

//Initialise 
require([
        'backbone',
        'routers/index',
        'app',
        ],function  (Backbone ,Router ,app){
            //var presence  = io.connect(w.protocol+'//'+w.host+'/presence');

            app.start();

            Backbone.history.start();


});

Answer 1

为了防止出现问题，可以使用require js config属性waitSeconds（设置为0）禁用require js timeout。默认超时为7秒（请参阅更多http://requirejs.org/docs/api.html#config-waitSeconds）。

但是你应该看看r.js（http://requirejs.org/docs/optimization.html#wholeproject），因为你可以将所有的js源文件合并到一个包含所有依赖项的更大的app.js文件中。要使用它，您应该删除dir属性并在配置文件中添加out属性。

requirejs config.js的加载超时（已优化）

1 个答案: