时间戳

首页 > 解决方案 > Angular 中的路由问题 [错误 - 未捕获（承诺中）：错误：无法匹配任何路由]

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

问题描述

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

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

应用路由.module.ts

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

应用模块.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)
    );
  }

标签： angulartypescript

解决方案

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

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

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

使用 enable Tracing = true 在控制台上有一些日志输出。有关更多信息，请查看：https ://angular.io/guide/router

推荐阅读