Angular 中的路由问题 [错误 - 未捕获（承诺中）：错误：无法匹配任何路由]

Question

错误信息： 未捕获（承诺）：错误：无法匹配任何路由。 URL 段：'systemAdmin/createCategory'

更新：我发现了错误。 App-Routing.module.ts 应该是 systemAdmin/createCategory 代替。拼写错误。

App-Routing.module.ts

{ path: 'systemAdmin/createcategory', component: CreateCategoryComponent },

App.module.ts

//...ommitted irrelevant imports
import { CreateCategoryComponent } from './systemAdmin/create-category/create-category.component';

@NgModule({
  declarations: [
    AppComponent,
    IndexComponent,
    HeaderComponent,
    FooterComponent,
    MainMenuComponent,
    SidebarComponent,
    //....others
    CreateCategoryComponent
  ],

createCategory(newCategory: Category) : Observable<any> {

  /*let createCategoryReq = {
    "username": this.sessionService.getUsername(),
    "password": this.sessionService.getPassword(),
    "category": newCategory
  }; */

  //Not too sure where to add newCategory
  return this.httpClient.get<any>(this.baseUrl+"username="+this.sessionService.getUsername()+"&password="+this.sessionService.getPassword()).pipe (
    catchError(this.handleError)
    );
  }

Answer 1

您的路由模块应如下所示：

const routes: Routes = [
  {path: 'systemAdmin/createcategory', component: CreateCategoryComponent},
  {path: '**', component: PageNotFoundComponent}
];

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

启用 Tracing = true 时，控制台上有一些日志输出。 欲了解更多信息，请查看：https://angular.io/guide/router