Lazy load Angular 5 error: $$_lazy_route_resource lazy recursive

Question

I\'m using angular cli AoT compilation. When I try to make a lazy load component following this tutorial, I got the error below:

ERROR Error         


        

Answer 1

I cloned and reproduced the issue using your posted GitHub code. In order to fix, your @angular/cli global and devDependencies packages must be at 1.7.2

npm remove -g @angular/cli
npm install -g @angular/cli@1.7.2
npm remove @angular/cli
npm add @angular/cli@1.7.2 --save-dev

Now the @angular/cli package in your devDependencies matches the global version and it is set to 1.7.2 where that issue is resolved.

Answer 2

I got the same issue. I solve it Just stopping the cli server and start it. Error is gone if you done your code correctly.

Answer 3

I got the same issue.fix it by using

 {path:'listes' ,loadChildren: ()=>ListModule} not {path:'listes' ,loadChildren: 'app/component/list/list.module#ListModule'}

Answer 4

According to me the problem is that you may be lazy loading more than one module on same routes in same routing file. I also faced similar problem and change the name of one of the route

Answer 5

I had the same problem and managed to solve it by adding my lazy loaded modules to my angular CLI config file (angular.json). See my answer here: Angular 5 lazy loading Error: Cannot find module

Answer 6

As for me the problem was in importing ChildModule after AppRoutingModule in AppModule. Reordering them fixed my problem.