Ionic - маршруты не совпадают - PullRequest
0 голосов
/ 26 марта 2019

Я пытаюсь настроить маршрутизацию с помощью приложения Ionic с вкладками. Когда я нажимаю на любую вкладку (например, «Домой»), я получаю сообщение об ошибке:

"ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'tabs/home'
Error: Cannot match any routes. URL Segment: 'tabs/home'"

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

Спасибо!

Кнопка Tab (не уверен, поможет ли это):

<ion-tab-button tab="home" href="/tabs/(home:home)">
  <ion-icon name="home"></ion-icon>
  <ion-label>Home</ion-label>
</ion-tab-button>

Маршрутизация:

const routes: Routes = [
  {
    path: 'tabs',
    component: TabsPage,
    children: [
      {
        path: '',
        redirectTo: '/tabs/(home:home)',
        pathMatch: 'full'
      },
      {
        path: 'home',
        outlet: 'home',
        component: HomePage
      },
      {
        path: 'add',
        outlet: 'add',
        component: AddPage
      },
      {
        path: ':id',
        outlet: 'edit',
        component: EditPage
      },
      {
        path: ':id',
        outlet: 'details',
        component: DetailsPage
      }
    ]
  },
  {
    path: '',
    redirectTo: '/tabs/(home:home)',
    pathMatch: 'full'
  }
];
...