router.navigate is not working (Angular6, lazy loading)

Question

I\'m a newbie for Angular 4+ (currently using v.6). I\'ve been trying to use this.router.navigate([\'/landing\']) function to redirect from login component to l

Answer 1

try change this:

{
  path: 'login',
  loadChildren: './login/login.module#LoginModule'
}

to this:

{
  path: 'login',
  loadChildren: () => LoginModule
}

Answer 2

But my best solution is this:

add to constructor:

constructor(private readonly loader: NgModuleFactoryLoader)

then only after loading module itself you should call navigate:

 this.loader.load(./login/login.module#LoginModule)
                .then(factory => {
                    this.router.navigate(['/landing']);
                });

Answer 3

I faced similar issue, how I resolved it:

In Component.ts

constructor(private router: Router, private route: ActivatedRoute){}

this.router.navigate(['../landing'], {relativeTo: this.route})

try this and let me know if it helps!!!