Я использую маршрутизацию в своем приложении, и она отлично работает в приложении, тогда мне нужно добавить страницу, которая также работает, но когда я устанавливаю 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'
}
];