![](/img/trans.png)
[英]Angular Testing: Uncaught Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'home'
[英]Uncaught (in promise): Error: Cannot match any routes. URL Segment: Angular
我是 Angular 的新手。 我正在使用 Angular 7 并进行简单的路由。 登录页面后,我想显示一个主页。 登录是app-root
组件的一部分,在主页中我显示了header和sidenav,但我无法路由到主页。
app-routing.module.ts
const appRoutes: Routes = [
{
path: '',
loadChildren: './login/login.module#LoginModule'
},
{
path: 'dashboard',
loadChildren: './dashboard/dashboard.module#DashBoardModule',
}
];
@NgModule({
imports: [RouterModule.forRoot(appRoutes)],
exports: [RouterModule],
// providers: [AuthGuard]
}
仪表板-routing.modul.ts
const appRoutes: Routes = [
{
path: 'dashboard',
component: DashBoardComponent ,
children: [
{
path: '',
redirectTo: 'home'
},
{
path: 'home',
loadChildren: './home/home.module#HomeModule'
},
]
}
];
@NgModule({
imports: [
RouterModule.forChild(appRoutes)
],
exports: [
RouterModule
]
})
登录.component.ts
onSubmit() {
this._router.navigate(['/home']);
}
}
core.js:15724 错误错误:未捕获(承诺):错误:无法匹配任何路由。 URL 段:'home' 错误:无法匹配任何路由。 URL 段:'home'
您必须使用此代码:
this._router.navigate(['/dashboard/home']);
如果它不起作用,在“dashboard-routing.modul.ts”文件中使用路径:'',而不是
路径:'仪表板',。
在您的dashboard-routing-module.ts 中应该是这样的:
const routes: Routes = [{
path: '',
component: DashBoardComponent,
children: [
{
path: '',
redirectTo: 'home',
pathMatch: 'prefix'
},
{
path: 'home',
component: HomeComponent
}
]
}];
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.