Angular Lazy loading from node_modules

Question

I split my project between multiple Git Repos and now I have problem with Lazy loading

If I Copy the sourceCode from child repo to main repo, with use of the following syntax

{
    path: 'child-app',
    loadChildren: './shared/child/src/app/child-app.module#ChildAppModule'
},

I can build and serve my project without any problem But if I change the Route to point to node_modules like below

{
    path: 'child-app',
    loadChildren: '@mine/child/src/app/child-app.module#ChildAppModule'
},

OR

{
    path: 'child-app',
    loadChildren: '../../node_modules/@mine/child/src/app/child-app.module#ChildAppModule'
},

It will raise this error :

ERROR in ./src/$$_gendir lazy
Module not found: Error: Can't resolve '/Users/myuser/Projects/web-app
/src/node_modules/@mine/child/src/app/child-app.module.module.ngfact
ory.ts' in '/Users/myuser/Projects/web-app/src/$$_gendir'
 @ ./src/$$_gendir lazy
 @ ./~/@angular/core/@angular/core.es5.js
 @ ./src/main.browser.ts
 @ multi ./src/main.browser.ts webpack-hot-middleware/client?path=/__webpa
ck_hmr&timeout=2000&reload=true&noInfo=true

I am using webpack 2 and ngtools/webpack to compiling my project

Just for reference: it seems it is a bug github.com/angular/angular-cli/issues/5986 — Mahmood Sajjadi
– Mahmood Sajjadi, Commented Jul 2, 2017 at 22:55

Mahmood Sajjadi · Accepted Answer · 2017-07-05 13:39:37Z

2

Lazy loading module from node_modules with JIT is working fine but Lazy loading with AOT is not working

github.com/angular/angular-cli/issues/5986

the best solution that I found is creating a symlink from src/app/something to node_modules/something

ln -s source destination

and it is working fine :)

answered Jul 5, 2017 at 13:39

Mahmood Sajjadi

4205 silver badges13 bronze badges

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

2 Comments

coderman Over a year ago

Do you have a working prototype for it by any chance. A plunker or something.

Mahmood Sajjadi Over a year ago

unfortunately I am not able to create a plunker because it is a link and there is no option for link in plunker. this topic is related to an angular project which splited to multuple git repositories. just add them to your npm and create a link with that command from src to node_modules

Collectives™ on Stack Overflow

Angular Lazy loading from node_modules

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related