使用 requirejs 超时加载异步资源

Question

我尝试使用 requirejs 和异步插件加载适用于 JavaScript 的 Google API 客户端库：

require.config({
    paths : {
        async : '../lib/requirejs/async'
    },
    waitSeconds: 60
});

define('gapi', ['async!https://apis.google.com/js/client.js!callback'],
    function(){
        console.log('gapi loaded');
        return gapi.client;
    }
);

require(['gapi'], function(){
    console.log("Callback");
    console.log(gapi);
});

load this library 的常用方式是

<script src="https://apis.google.com/js/client.js?onload=handleClientLoad"></script>

所有内容都在不到 2 秒的时间内加载，但我总是收到此错误：

Uncaught Error: Load timeout for modules: async!https://apis.google.com/js/client.js!callback_unnormalized2,async!https://apis.google.com/js/client.js!callback
http://requirejs.org/docs/errors.html#timeout 

Answer 1

TL;DR; 将 !callback 更改为 !onload 以解决超时问题。

define('gapi', ['async!https://apis.google.com/js/client.js!onload'],
    function(){
        console.log('gapi loaded');
        return gapi.client;
    }
);

! 之后的值用作异步回调的参数名称，在这种情况下，加载的 URI 将类似于 https://apis.google.com/js/client.js?onload=__async_req_3__ 其中__async_req_3__ 是一个全局变量（回调函数），一旦触发Google API 已加载（通知插件所有依赖项都已满足）。