Невозможно связаться с пользовательским компонентом, используя -> [routerLink] = "'/ profile /' + currentUser.id"

Question

Я установил в app-routing.module.ts

{path: 'profile:/userId', component: ProfileComponent, canActivate:[AuthGuard]},
// In case the address doesn't match our paths ,redirects to login
{path: '**', redirectTo: 'login'}

любое неизвестное слово пути, чтобы перенаправить меня на страницу входа, но это также происходит, когда я нажимаю на профиль на кнопке панели навигации.

Вместо того, чтобы перейти к представлению profile.componennt.html, он входит в систему. Есть идеи, почему это происходит?

 <a [routerLink]="'/profile/' + currentUser.id" class="nav-link">Profile</a>

Answer 1

По двум причинам он может перенаправить на страницу входа в систему:

1- Ваш AuthGuard завершается ошибкой и перенаправляет на страницу входа

2- В маршрутах неверный путь

{path: 'profile/:userId', component: ProfileComponent, canActivate:[AuthGuard]},
{path: '**', redirectTo: 'login'}