Dynamic require in RequireJS, getting “Module name has not been loaded yet for context” error?

by

The limitation relates to the simplified CommonJS syntax vs. the normal callback syntax:

Loading a module is inherently an asynchronous process due to the unknown timing of downloading it. However, RequireJS in emulation of the server-side CommonJS spec tries to give you a simplified syntax. When you do something like this:

var foomodule = require('foo');
// do something with fooModule

What’s happening behind the scenes is that RequireJS is looking at the body of your function code and parsing out that you need ‘foo’ and loading it prior to your function execution. However, when a variable or anything other than a simple string, such as your example…

var module = require(path); // Call RequireJS require

…then Require is unable to parse this out and automatically convert it. The solution is to convert to the callback syntax;

var moduleName="foo";
require([moduleName], function(fooModule){
    // do something with fooModule
})

Given the above, here is one possible rewrite of your 2nd example to use the standard syntax:

define(['dyn_modules'], function (dynModules) {
    require(dynModules, function(){
        // use arguments since you don't know how many modules you're getting in the callback
        for (var i = 0; i < arguments.length; i++){
            var mymodule = arguments[i];
            // do something with mymodule...
        }
    });

});

EDIT: From your own answer, I see you’re using underscore/lodash, so using _.values and _.object can simplify the looping through arguments array as above.

More Related Contents:

  1. Relation between CommonJS, AMD and RequireJS?
  2. Node JS fs module inside browser
  3. How can I tell if a DOM element is visible in the current viewport?
  4. How to detect page zoom level in all modern browsers?
  5. Communication between tabs or windows
  6. How do I render a Word document (.doc, .docx) in the browser using JavaScript?
  7. Communication between browser tabs/windows using JavaScript [duplicate]
  8. Difference between DOMContentLoaded and load events
  9. How to get a word under cursor using JavaScript?
  10. How can I detect when the mouse leaves the window?
  11. get client time zone from browser [duplicate]
  12. Can I pass a JavaScript variable to another browser window?
  13. Detect when user accepts to download a file
  14. How to use code from script with type=module [duplicate]
  15. How to load bootstrapped models in Backbone.js while using AMD (require.js)
  16. How can I target only Internet Explorer 11 with JavaScript?
  17. Any way to identify browser tab in JavaScript?
  18. How do I stop the Back and Refresh buttons from resubmitting my form?
  19. Node.js Async/Await module export
  20. Sending user to their browser’s Home Page using Javascript
  21. How can I mock dependencies for unit testing in RequireJS?
  22. RequireJS: How to define modules that contain a single “class”?
  23. JS – Mobile – Open Safari from any browser [closed]
  24. Recovering built-in methods that have been overwritten
  25. How to fix this ES6 module circular dependency?
  26. Take User Back to Where They Scrolled to on previous page when clicking Browser Back Button
  27. JavaScript alert not working in Firefox 6
  28. Trigger events when the window is scrolled to certain positions
  29. Could a website force the browser to go into fullscreen mode?
  30. How to use npm modules in browser? is possible to use them even in local (PC)?

Leave a Comment