Dynamically create instance of class without preloading the class

Question

Is it possible to create a dynamic class without preloading it? I would like to avoid preloading the class, since I'm dynamically importing it. Below is a code example that illustrates what I'm trying to achieve:

  import(namespace).then((DynamicClass) => {
    var classInstance = new DynamicClass();
  }

This currently results in: (node:962) UnhandledPromiseRejectionWarning: TypeError: dynamicClass is not a constructor

When I console.log the DynamicClass, it shows:

{ default: [Function: DynamicClass] }

The class is defined like this:

namespace/index.js

class DynamicClass extends BaseClass {
   //...
}
module.exports = DynamicClass;

If it's not a constructor, what is it? Should be the first follow up question that debugging starts taking you down. — Taplar
– Taplar, Commented Dec 4, 2020 at 22:40
@Taplar Updated the question with more details to illustrate the full use case. — scripton
– scripton, Commented Dec 4, 2020 at 22:46

Deadron · Accepted Answer · 2020-12-04 22:45:44Z

It looks like your problem has to do with a misunderstanding of modules and the lesser used dynamic import syntax. You are not importing a class you are importing a ES Module. You can use the imported module to access the exported values of the module using the relevant call based on if your desired value is the default export or not.

If your module is exporting a class by default eg

export default class Class(){...}

You would use the default() function available on the module to get the class definition to init.

const module = await import("module-name")
const obj = new module.default();

Collectives™ on Stack Overflow

Dynamically create instance of class without preloading the class

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related