Typescript dynamic import

Question

With the current, latest version of TS (v2.5.x) it is possible to do dynamically import a module using a variable instead of hard coding it?

For example:

let modName: string = "myModule";
const myMod = await import(modName);

When I use a variable, I get an error "Cannot find module '.'". It looks like the TS is transpiling it to that line of code when I use a variable, so it is irrelevant what I set that variable to.

I have looked at these relevant threads:

Dynamically import module in TypeScript TypeScript ES dynamic `import()`

Have you checked the transpiled code? How does it look? typescriptlang.org/play/… — zerkms
– zerkms, Commented Oct 4, 2017 at 23:07
Is it a typo that you declare modName but use mod on the next line? — zerkms
– zerkms, Commented Oct 4, 2017 at 23:08
This feature is all about working in tandem with your loader. You need a module loader for this to work. — Aluan Haddad
– Aluan Haddad, Commented Oct 5, 2017 at 5:52
The transpiled code looks like this: Promise.resolve().then(function(){return!function(){var e=new Error('Cannot find module "."');throw e.code="MODULE_NOT_FOUND",e}()}). I am using WebPack and Uglify, which is why the code looks like this. If I use a hardcoded string: Promise.resolve().then(function(){return o("my-module-name")}) — Hari
– Hari, Commented Oct 5, 2017 at 20:01

Bing Ren · Accepted Answer · 2021-06-05 12:02:23Z

2

You can use eval.

function body(theModule:any){
   // do something with the module
}

var moduleName = 'name-of-your-module';
eval (`import('${moduleName}').then(body)`);

answered Jun 5, 2021 at 12:02

Bing Ren

1,83521 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Typescript dynamic import

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related