Ioni c routing Не может соответствовать ни одному маршруту - PullRequest
0 голосов
/ 30 мая 2020

Я использую маршрутизацию в своем приложении, и она отлично работает в приложении, тогда мне нужно добавить страницу, которая также работает, но когда я устанавливаю root на этой странице, отображается

Error: Cannot match any routes URL Segment: 'tabs/categories'

App.routing.module

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { OrderSummaryPage } from './checkout/order-summary/order-summary.page';
import { StartPage } from '../app/start/start.page';

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

];
@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule {}

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

Я просто установил такой маршрут

<div class="content" routerLink="/cat" routerDirection="root"><img id="myImage" src="assets/image/logo.png"></div>

А это мой tabs.router.module.ts

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: 'search',
        children: [
          {
            path: '',
            component: SearchPage
          },
          {
            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: ProductsPage
                  },
                  {
                    path: 'review/:id',
                    component: ReviewPage
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        path: 'cart',
        children: [
          {
            path: '',
            component: CartPage
          },
          {
            path: 'address',
            component: CheckoutAddressPage
          },
          {
            path: 'checkout',
            component: CheckoutPage
          },
          {
            path: 'product/:id',
            children: [
              {
                path: '',
                component: ProductPage
              },
              {
                path: 'review/:id',
                component: ReviewPage
              }
            ]
          }
        ]
      },
      {
        path: 'account',
        children: [
          {
            path: '',
            component: AccountPage
          },
          {
            path: 'address',
            children: [
              {
                path: '',
                component: AddressPage
              },
              {
                path: 'edit-address',
                component:EditAddressPage
              }
            ]
          },
          {
          path: 'register',
            component: RegisterPage
          },
          {
          path: 'points',
            component: PointsPage
          },
          {
            path: 'setting',
            component: SettingPage
          },
          {
            path: 'currencies',
            component: CurrenciesPage
          },
          {
            path: 'wallet',
            children: [
              {
                path: '',
                component: WalletPage
              },
              {
                path: 'cart',
                component: CartPage
              }
            ]
          },
          {
            path: 'post/:id',
            component: PostPage
          },
          {
            path: 'map',
            component: MapPage
          },
          {
            path: 'orders',
            children: [
              {
                path: '',
                component: OrdersPage
              },
              {
                path: 'order/:id',
                component: OrderPage
              }
            ]
          },
          {
            path: 'login',
            children: [
              {
                path: '',
                component: LoginPage
              },
              {
                path: 'forgotten',
                component: ForgottenPage
              }
            ]
          },
          {
            path: 'wishlist',
            children: [
              {
                path: '',
                component: WishlistPage
              },
              {
                path: 'product/:id',
                children: [
                  {
                    path: '',
                    component: ProductPage
                  },
                  {
                    path: 'review/:id',
                    component: ReviewPage
                  }
                ]
              }
            ]
          },
          {
            path: 'blogs',
            children: [
              {
                path: '',
                component: BlogsPage
              },
              {
                path: 'blog/:id',
                component: BlogPage
              }
            ]
          },
        ]
      },
      {
        path: '',
        redirectTo: '/tabs/categories',
        pathMatch: 'full'
      }
    ]
  },
  {
    path: '',
    redirectTo: '/tabs/categories',
    pathMatch: 'full'
  }
];
...