RangeError: Maximum call stack size exceeded Lazy routing Angular 2

Question

I'm trying to implement lazy routing into my app. I have a very big project and when it was at router-deprecated I used AsyncRoute, but now it was removed. So I tried to implement newest lazy loading, but I got an issue RangeError: Maximum call stack size exceeded What I'm doing wrong? I did all code like in instructions. Take a look please EncountersModule ``` import { NgModule } from '@angular/core'; // import { CommonModule } from '@angular/common'; /* --------------- !System modules --------------- */ import { SharedModule } from 'sharedModule'; //There is a lot of shared components/directives/pipes (over 60) and it re-exports CommonModule so I can't avoid it /* --------------- !App outer modules --------------- */ import { EncountersComponent } from './encounters.component'; // import { PassCodeComponent } from '../../shared/components/passcode/passcode.component'; @NgModule({ imports: [ SharedModule ], declarations: [ EncountersComponent], exports: [ EncountersComponent ], }) ex…

Accepted Answer

loadChildren needs to reference module with routing

By assigning a value to loadChildren property inside a route, you have to reference a module, which has a routing system implemented. In other words reference only a module that imports RoutingModule and configures it with forChild(routes) method.

```
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
// import { CommonModule } from '@angular/common';
/* ---------------  !System modules  --------------- */

import { SharedModule } from 'sharedModule';   //There is  a lot of shared components/directives/pipes (over 60) and it re-exports CommonModule so I can't avoid it
/* ---------------  !App outer modules  --------------- */

import { EncountersComponent } from './encounters.component';
// import { PassCodeComponent } from '../../shared/components/passcode/passcode.component';

export const encountersModuleRoutes: Routes = [
  /* configure routes here */
];

@NgModule({
  imports: [ SharedModule, RouterModule.forChild(encountersModuleRoutes) ],
  declarations: [ EncountersComponent],
  exports: [ EncountersComponent ],
})

export class EncountersModule {  }
```

RangeError: Maximum call stack size exceeded Lazy routing Angular 2

Solution

Problem