Почему навигация не работает после входа в систему angular

Question

Я учусь весенней загрузке и angular, мне нужна твоя помощь.
При работе с аутентификацией JWT router.navigate () не работает, несмотря на то, что возвращает токен JWT. Если я использую console.log после навигации по маршрутизатору, он также выполняется.
Вот соответствующий метод:

handleJWTAuthLogin(){
this.basicAuthenticationService.executeJWTAuthenticationService(this.username,this.password)
  .subscribe(
    data => {
      console.log(this.username)
      console.log(data)
      this.invalidLogin=false
      this.router.navigate(['welcome',this.username])
    },
    error =>{
      console.log(error)
      this.invalidLogin=true
    }
  )

}

Это мой app-routing.module.ts
{path:'' , component:LoginComponent}, {path:'login' , component:LoginComponent}, {path:'welcome/:name' , component:WelcomeComponent, canActivate:[RouteGuardService]}, {path:'logout' , component:LogoutComponent, canActivate:[RouteGuardService]}, {path:'**' , component:ErrorComponent}