How To Import Module In Angular Using Path In A Variable

Question

I want to import my angular module using variable name as a path of that module. For an example:

When I use this code below, it's working fine:

import('src/app/modules/public/public.module').then(mod => mod.PublicModule);

But, when I try to store my module path to the some variable, It's not working. For an example, what I was trying before, It's looks like this code below:

const publicPath = 'src/app/modules/public/public.module';
import(publicPath).then(mod => mod.PublicModule);

When I trying that code above, I get some error like this:

core.js:6185 ERROR Error: Uncaught (in promise): Error: Cannot find module 'app/modules/public/public.module'
Error: Cannot find module 'app/modules/public/public.module'

Now, What should I have to do to import that module with path in a variable?

Thanks in advance.

HTN · Accepted Answer · 2020-05-02 07:00:19Z

1

You can't. In order to get lazy loading working, Angular CLI analyzes the code to create a separate public.module bundle with this code:

import('src/app/modules/public/public.module').then(mod => mod.PublicModule);

and loads the bundle when needed at runtime. When using a variable, it can not create a bundle anymore as the value is only known at runtime.

answered May 2, 2020 at 7:00

HTN

3,6121 gold badge10 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

How To Import Module In Angular Using Path In A Variable

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related