当Angular 6应用程序中出现“无法匹配任何路由”错误时,可以考虑将其移至其他组件。以下是一种可能的解决方法:
AppComponent的模板示例:
AppRoutingModule示例:
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { AboutComponent } from './about/about.component';
const routes: Routes = [
{ path: '', component: HomeComponent }, // 默认路由
{ path: 'about', component: AboutComponent },
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
例如,在导航到AboutComponent时,可以使用以下链接:
About
AppRoutingModule示例(路由顺序的重要性):
const routes: Routes = [
{ path: 'about', component: AboutComponent },
{ path: '', component: HomeComponent }, // 默认路由
];
通过遵循以上步骤,应该能够解决“无法匹配任何路由”错误,并将其移至其他组件。