Ioni c routing не работает с навигацией - PullRequest
0 голосов
/ 30 мая 2020

Я просто перемещаюсь по кнопке на страницу вкладок, но отображается ошибка Error: Cannot match any routes.

Вот мой код навигации

on(){
    this.navCtrl.navigateForward('/tabs/categories');
}

маршрутизатор вкладок

const routes: Routes = [
  {
    path: 'tabs',
    component: TabsPage,
    children: [
      {
        path: 'home',
        children: [
          {
            path: '',
            component: HomePage,
          },
          {
            path: 'products/:id',
            children: [
              {
                path: '',
                component: ProductsPage
              },
              {
                path: 'product/:id',
                children: [
                  {
                    path: '',
                    component: ProductPage
                  },
                  {
                    path: 'review/:id',
                    component: ReviewPage
                  }
                ]
              }
            ]
          },
          {
            path: 'product/:id',
            children: [
              {
                path: '',
                component: ProductPage
              },
              {
                path: 'review/:id',
                component: ReviewPage
              }
            ]
          },
          {
            path: 'vendor-products',
            children: [
              {
                path: '',
                component: ProductsPage
              },
              {
                path: 'product/:id',
                children: [
                  {
                    path: '',
                    component: ProductPage
                  },
                  {
                    path: 'review/:id',
                    component: ReviewPage
                  }
                ]
              }
            ]
          },
          {
            path: 'post/:id',
            component: PostPage
          }
        ]
      },
      {
        path: 'categories',
        children: [
          {
            path: '',
            component: CategoriesPage
          },
          {
            path: 'products/:id',
            children: [
              {
                path: '',
                component: ProductsPage
              },
              {
                path: 'product/:id',
                children: [
                  {
                    path: '',
                    component: ProductPage
                  },
                  {
                    path: 'review/:id',
                    component: ReviewPage
                  }
                ]
              }
            ]
          },
          {
            path: 'vendor-products',
            children: [
              {
                path: '',
                component: ProductsPage
              },
              {
                path: 'product/:id',
                children: [
                  {
                    path: '',
                    component: ProductPage
                  },
                  {
                    path: 'review/:id',
                    component: ReviewPage
                  }
                ]
              }
            ]
          }
        ]
      },

      {
        path: '',
        redirectTo: '/tabs/categories',
        pathMatch: 'full'
      }
    ]
  },
  {
    path: '',
    redirectTo: '/tabs/categories',
    pathMatch: 'full'
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class TabsPageRoutingModule {}

И мой app.routing

const routes: Routes = [
    { path: '', component: StartPage },
    { path: 'tab', loadChildren: './tabs/tabs.module#TabsPageModule', },
    { path: 'start', component: StartPage },
    { path: 'order-summary/:id', component: OrderSummaryPage },

];

Если я установил { path: '', loadChildren: './tabs/tabs.module#TabsPageModule', },, он будет напрямую открывать страницу вкладок, но мне нужно сначала показать стартовую страницу, а после этого перейти на вкладки, но я не знаю, что навигация в этом не работает. Также попробуйте вот так <div class="content" routerLink="/tab" routerDirection="root">, но он тоже не работает

...