Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Lazy Loading module from library gives runtime error in JIT #14163

AD-Amel opened this Issue Apr 15, 2019 · 2 comments


None yet
2 participants
Copy link

AD-Amel commented Apr 15, 2019

馃悶 Bug report


- [ ] new
- [x] build
- [x] serve
- [ ] test
- [ ] e2e
- [ ] generate
- [ ] add
- [ ] update
- [ ] lint
- [ ] xi18n
- [ ] run
- [ ] config
- [ ] help
- [ ] version
- [ ] doc

Is this a regression?

don't know if it is a regression.


I have a project containing library. What i need to do is lazy load a single module from this library (not whole library).

It works properly in AoT, but gives runtime error in JIT when i try to navigate to lazy route.
i've tried some solutions, like lazy loading a wrapper module, which imports module i need from library, but it loads lazily only wrapper, everything else is included in main bundle.

it seems like there is no working in both JIT and AoT way to lazy load some submodule from library.

馃敩 Minimal Reproduction

create a project and a library inside it.

create routes like this ('lib' is the name of library):

const routes: Routes = [
        path: 'eager',
        children: [
                path: '',
                component: LibComponent
                path: 'lazy',
                loadChildren: 'lib/src/lib/lazy/lazy.module#LazyModule'

import routes in AppModule

馃敟 Exception or Error

ERROR Error: Uncaught (in promise): TypeError: undefined is not a function
TypeError: undefined is not a function
    at ()
    at webpackAsyncContext ($_lazy_route_resource lazy namespace object:15)
    at SystemJsNgModuleLoader.push../node_modules/@angular/core/fesm5/core.js.SystemJsNgModuleLoader.loadAndCompile (core.js:18359)
    at SystemJsNgModuleLoader.push../node_modules/@angular/core/fesm5/core.js.SystemJsNgModuleLoader.load (core.js:18351)
    at RouterConfigLoader.push../node_modules/@angular/router/fesm5/router.js.RouterConfigLoader.loadModuleFactory (router.js:3614)
    at RouterConfigLoader.push../node_modules/@angular/router/fesm5/router.js.RouterConfigLoader.load (router.js:3602)
    at MergeMapSubscriber.project (router.js:2605)
    at MergeMapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/mergeMap.js.MergeMapSubscriber._tryNext (mergeMap.js:61)
    at MergeMapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/mergeMap.js.MergeMapSubscriber._next (mergeMap.js:51)
    at MergeMapSubscriber.push../node_modules/rxjs/_esm5/internal/ (Subscriber.js:54)
    at resolvePromise (zone.js:831)
    at resolvePromise (zone.js:788)
    at zone.js:892
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
    at Object.onInvokeTask (core.js:17290)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:422)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195)
    at drainMicroTaskQueue (zone.js:601)
    at ZoneTask.push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (zone.js:502)
    at invokeTask (zone.js:1744)

馃實 Your Environment

Angular CLI: 7.3.8
Node: 10.13.0
OS: win32 x64
Angular: 7.2.12
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                            Version
@angular-devkit/architect          0.13.8
@angular-devkit/build-angular      0.13.8
@angular-devkit/build-ng-packagr   0.13.8
@angular-devkit/build-optimizer    0.13.8
@angular-devkit/build-webpack      0.13.8
@angular-devkit/core               7.3.8
@angular-devkit/schematics         7.3.8
@angular/cli                       7.3.8
@ngtools/json-schema               1.1.0
@ngtools/webpack                   7.3.8
@schematics/angular                7.3.8
@schematics/update                 0.13.8
ng-packagr                         4.7.1
rxjs                               6.3.3
typescript                         3.2.4
webpack                            4.29.0


This comment has been minimized.

Copy link

alan-agius4 commented Apr 15, 2019

H @AD-Amel, this is not currently supported.

Kindly see: #6373 (comment) for more context


This comment has been minimized.

Copy link

AD-Amel commented Apr 15, 2019

Is it going to be fixed some day? Or is it a normal behavior?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can鈥檛 perform that action at this time.