Can app-routing.module.ts has 2 path with :/id

Hi, I trying to open maindetail and childdetails page with :/id. But when I run it on localhost, there is no details that i wanted in maindetail page.

What I am trying to do is, i can click the name “aniq” in dashboard (image 1)and shows the child detail page. But the child detail page is not showing the card i wanted (image 2). However when I try to reenter the link localhost:8100/maindetal (image 3) the card is showing. I dont know what is wrong. Can anyone help me, thanks.

this is my app-routing.module.ts

const routes: Routes = [
  { path: 'login', loadChildren: './login/login.module#LoginPageModule' },
  { path: 'register', loadChildren: './register/register.module#RegisterPageModule' },
  { path: '', redirectTo: 'login', pathMatch: 'full' },
  { path: '', loadChildren: './pages/tabs/tabs.module#TabsPageModule' },
   { path: 'maindetail', loadChildren: './pages/maindetail/maindetail.module#MaindetailPageModule' },
  { path: 'maindetail/:id', loadChildren: './pages/maindetail/maindetail.module#MaindetailPageModule' },
  { path: 'childdetails', loadChildren: './pages/childdetails/childdetails.module#ChilddetailsPageModule' },
  { path: 'childdetails/:id', loadChildren: './pages/childdetails/childdetails.module#ChilddetailsPageModule' },
];

image 1

image 2

image 3

maindetail.html

<ion-content padding>
    <ion-card [routerLink]="['/childdetails', profile.id]" *ngFor="let profile of (profiles | async)">
      <ion-card-content>
        <ion-card-title>{{profile.name}}</ion-card-title>
  
        <p>{{profile.notes}}</p>
      </ion-card-content>
    </ion-card>
</ion-content>

tab1.html (dashboard)

<ion-content>
    <ion-fab vertical="bottom" horizontal="end" slot="fixed">
        <ion-fab-button routerLink="/childdetails">
          <ion-icon name="add"></ion-icon>
        </ion-fab-button>
    </ion-fab>

    <ion-searchbar type="item.dname"></ion-searchbar>
  
    <ion-item button [routerLink] ="['/maindetail',profile.id]"*ngFor="let profile of (profiles | async)">
      {{ profile.name }}
    </ion-item>
  </ion-content>