Build error while doing lazy loading of modules

Question

While doing lazy loading of a module in another module, getting build error. The lazy loading works fine while doing the ng serve.

Angular version :11.1.2

[error] Error: When building multiple chunks, the "output.dir" option must be used, not "output.file". To inline dynamic imports, set the "inlineDynamicImports" option.

Abraham · Accepted Answer · 2021-10-01 08:04:36Z

15

Please export lazy loaded modules in public-api.ts

answered Oct 1, 2021 at 8:04

Abraham

5701 gold badge4 silver badges12 bronze badges

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

2 Comments

bsekula Over a year ago

Could you please elaborate? or add an example? I am adding module to the projects/lib-name/src/public-api.ts (to both, module which is going to be lazy loaded, and to public-api of the module which is loading the module) but still I am getting this issue

Yurii Hierts Over a year ago

Yes it fixes the issue, but after adding lazy module into public-api.ts it becomes a part of main chank js. So lazy component becomes not lazy, so isuue is gone. Congrats! ((

Yurii Hierts · Accepted Answer · 2023-03-14 17:37:33Z

0

As one of developers of ng-packager said: Libraries shouldn't contain any lazy-loaded module or routing. These are the responsibility of the application.

That is means you need somehow move lazy part of you library into another library, and lazy load it from application or from you library where you removed code.

https://github.com/ng-packagr/ng-packagr/issues/1960#issuecomment-827543254

answered Mar 14, 2023 at 17:37

Yurii Hierts

1,9701 gold badge23 silver badges35 bronze badges

Collectives™ on Stack Overflow

Build error while doing lazy loading of modules

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related