How to debug RequireJS modules loading?

dmitry_fedyuk · February 15, 2018, 9:57pm

You can set a breakpoints in the following methods:

`load()`:

magento/magento2/blob/2.2.2/lib/web/requirejs/require.js#L814-L822


load: function () {
    var url = this.map.url;


    //Regular dependency.
    if (!urlFetched[url]) {
        urlFetched[url] = true;
        context.load(this.map.id, url);
    }
},

`onScriptLoad()`:

github.com

magento/magento2/blob/2.2.2/lib/web/requirejs/require.js#L1653-L1673


/**
 * callback for script loads, used to check status of loading.
 *
 * @param {Event} evt the event from the browser for the script
 * that was loaded.
 */
onScriptLoad: function (evt) {
    //Using currentTarget instead of target for Firefox 2.0's sake. Not
    //all old browsers will be supported, but this one was easy enough
    //to support and still makes sense.
    if (evt.type === 'load' ||
            (readyRegExp.test((evt.currentTarget || evt.srcElement).readyState))) {
        //Reset interactive script so a script node is not held onto for
        //to long.
        interactiveScript = null;


        //Pull out the name of the module and the context.
        var data = getScriptData(evt);
        context.completeLoad(data.id);
    }
},

How to debug RequireJS modules loading?

load():

onScriptLoad():

`load()`:

`onScriptLoad()`: