V1.7.0 Nested routing not working

[kanji-keraliya]

I updated latest @angular/cli@1.7.0 and now nested routing not work.I created two routing file like app-routing.module.ts and report-route.module.ts.

report-route.module.ts used in app-routing.module.ts.after updating to latest Angular CLI not working. and its working in V1.6.8

Error is Uncaught (in promise) TypeError: undefined is not a function

[gremi64]

Same here, our application was working in 1.6.8 yesterday and now in 1.7.0 we got

Error: Uncaught (in promise): TypeError: webpack_require.e is not a function
webpackAsyncContext@http://our_url.fr/main.bundle.js:538:21

[MattMorrisDev]

+1

This worked in 1.7.0-rc.0, but stops working in (and after) 1.7.0 (Kleene). To clarify, in my main bundle I'm trying to navigate to a lazy loaded bundle with its own routing.

Full stack trace:

core.js:2086 ERROR Error: Uncaught (in promise): TypeError: undefined is not a function
TypeError: undefined is not a function
    at Array.map (<anonymous>)
    at webpackAsyncContext (eval at ./src/$$_lazy_route_resource lazy recursive (main.bundle.js:13), <anonymous>:10:34)
    at SystemJsNgModuleLoader.loadAndCompile (core.js:6756)
    at SystemJsNgModuleLoader.load (core.js:6740)
    at RouterConfigLoader.loadModuleFactory (router.js:4558)
    at RouterConfigLoader.load (router.js:4538)
    at MergeMapSubscriber.eval [as project] (router.js:2030)
    at MergeMapSubscriber._tryNext (mergeMap.js:128)
    at MergeMapSubscriber._next (mergeMap.js:118)
    at MergeMapSubscriber.Subscriber.next (Subscriber.js:92)
    at Array.map (<anonymous>)
    at webpackAsyncContext (eval at ./src/$$_lazy_route_resource lazy recursive (main.bundle.js:13), <anonymous>:10:34)
    at SystemJsNgModuleLoader.loadAndCompile (core.js:6756)
    at SystemJsNgModuleLoader.load (core.js:6740)
    at RouterConfigLoader.loadModuleFactory (router.js:4558)
    at RouterConfigLoader.load (router.js:4538)
    at MergeMapSubscriber.eval [as project] (router.js:2030)
    at MergeMapSubscriber._tryNext (mergeMap.js:128)
    at MergeMapSubscriber._next (mergeMap.js:118)
    at MergeMapSubscriber.Subscriber.next (Subscriber.js:92)
    at resolvePromise (zone.js:821)
    at resolvePromise (zone.js:785)
    at eval (zone.js:870)
    at ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:4938)
    at ZoneDelegate.invokeTask (zone.js:420)
    at Zone.runTask (zone.js:188)
    at drainMicroTaskQueue (zone.js:594)

Versions:

Angular CLI: 1.7.0
Node: 8.6.0
OS: darwin x64
Angular: 6.0.0-beta.4
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cdk: 5.2.0
@angular/cli: 1.7.0
@angular/material: 5.2.0
@angular-devkit/build-optimizer: 0.3.1
@angular-devkit/core: 0.3.1
@angular-devkit/schematics: 0.3.1
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.0
@schematics/angular: 0.3.1
@schematics/package-update: 0.3.1
typescript: 2.6.2
webpack-bundle-analyzer: 2.10.0
webpack: 3.11.0

ng build -prod correctly produces the lazy loaded bundle, but ng serve does not and just includes it in the main bundle.

[dewwwald]

I am having the exact same problem. From my debugging I found that it is because of webpack 3.11.0. That version of webpack removed support for System.import being called here:
https://github.com/angular/angular/blob/5.2.5/packages/core/src/linker/system_js_ng_module_factory_loader.ts#L67-L71

For now it might be best for us to roll back to the previous version of the angular cli.

[dewwwald]

I can also confirm that angular/cli version 1.6.8 works when building angular 5.2, however my modules are not being lazy loaded.

[marcincichocki]

Same in our case. Downgrading to 1.6.8 with flag -vc works

[filipesilva]

This seems like a bug but we'll need to look at a reproduction to find and fix the problem. Can you setup a minimal repro please?

You can read here why this is needed. A good way to make a minimal repro is to create a new app via ng new repro-app and adding the minimum possible code to show the problem. Then you can push this repository to github and link it here.

[KellyR-STCU]

I think we are experiencing the same problem I get the same stack trace.

[KellyR-STCU]

Here is the "minimal" repro:
https://github.com/KellyR-STCU/minimalrepro

I included instructions in the Readme.md

[marcincichocki]

I've tried to reproduce it, without success. But @KellyR-STCU example made me realize that the problem is location of feature module.

When feature module is in app directory it works, but when it's below it fails.

fails

src/
  feature/
  app/

works

src/
  app/
    feature/

I have multiple apps, and so I moved some feature modules into libs(nx monorepo style) that are not in src/app directory, thus error I'm having. I hope this clarify the problem we are facing @filipesilva

[elvisfernandes]

For the record, I'm facing the same issue reported here with lazy loaded modules.