Load async resource with requirejs timeout

Question

I tried to load the Google APIs Client Library for JavaScript with requirejs and the async plugin:

require.config({
           


        

Answer 1

TL;DR; change the !callback to !onload that should fix the timeout.

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

The value after the ! is used as the argument name for the async callback, in this case the URI loaded will be something like https://apis.google.com/js/client.js?onload=__async_req_3__ where __async_req_3__ is a global variable (callback function) triggered as soon as the Google API is loaded (notifies the plugin that all dependencies are met).