Angular 角度：错误：未捕获（承诺中）：错误：无法匹配任何路由

我的路线有问题。当我尝试导航到一个组件时，我遇到了一个错误，我无法找出问题的根源

这是我用来导航的函数。它位于编辑列表组件中（由路由模块中的“”表示）

这是我的延迟加载组件的路由模块

const recipesRoutes:Routes = [
    {path:'',   component: EditCatsComponent, children: [
        {path: 'edit/:displayMode/:id/', component: CatEditComponent},
        {path: 'new', component: CatNewComponent},
        {path: 'empty', component: NoCatComponent}
        ], canActivate:[AuthGuard]}
    ];

下面是我得到的错误：

core.es5.js:1020 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'edit-list/edit/1/0'
Error: Cannot match any routes. URL Segment: 'edit-list/edit/1/0'
    at ApplyRedirects.webpackJsonp.../../../router/@angular/router.es5.js.ApplyRedirects.noMatchError (router.es5.js:1466)
    at CatchSubscriber.selector (router.es5.js:1441)
    at CatchSubscriber.webpackJsonp.../../../../rxjs/_esm5/operators/catchError.js.CatchSubscriber.error (catchError.js:105)
    at MapSubscriber.webpackJsonp.../../../../rxjs/_esm5/Subscriber.js.Subscriber._error (Subscriber.js:130)
    at MapSubscriber.webpackJsonp.../../../../rxjs/_esm5/Subscriber.js.Subscriber.error (Subscriber.js:104)
    at MapSubscriber.webpackJsonp.../../../../rxjs/_esm5/Subscriber.js.Subscriber._error (Subscriber.js:130)
    at MapSubscriber.webpackJsonp.../../../../rxjs/_esm5/Subscriber.js.Subscriber.error (Subscriber.js:104)
    at MapSubscriber.webpackJsonp.../../../../rxjs/_esm5/Subscriber.js.Subscriber._error (Subscriber.js:130)
    at MapSubscriber.webpackJsonp.../../../../rxjs/_esm5/Subscriber.js.Subscriber.error (Subscriber.js:104)
    at LastSubscriber.webpackJsonp.../../../../rxjs/_esm5/Subscriber.js.Subscriber._error (Subscriber.js:130)
    at ApplyRedirects.webpackJsonp.../../../router/@angular/router.es5.js.ApplyRedirects.noMatchError (router.es5.js:1466)
    at CatchSubscriber.selector (router.es5.js:1441)
    at CatchSubscriber.webpackJsonp.../../../../rxjs/_esm5/operators/catchError.js.CatchSubscriber.error (catchError.js:105)
    at MapSubscriber.webpackJsonp.../../../../rxjs/_esm5/Subscriber.js.Subscriber._error (Subscriber.js:130)
    at MapSubscriber.webpackJsonp.../../../../rxjs/_esm5/Subscriber.js.Subscriber.error (Subscriber.js:104)
    at MapSubscriber.webpackJsonp.../../../../rxjs/_esm5/Subscriber.js.Subscriber._error (Subscriber.js:130)
    at MapSubscriber.webpackJsonp.../../../../rxjs/_esm5/Subscriber.js.Subscriber.error (Subscriber.js:104)
    at MapSubscriber.webpackJsonp.../../../../rxjs/_esm5/Subscriber.js.Subscriber._error (Subscriber.js:130)
    at MapSubscriber.webpackJsonp.../../../../rxjs/_esm5/Subscriber.js.Subscriber.error (Subscriber.js:104)
    at LastSubscriber.webpackJsonp.../../../../rxjs/_esm5/Subscriber.js.Subscriber._error (Subscriber.js:130)
    at resolvePromise (zone.js:824)
    at resolvePromise (zone.js:795)
    at zone.js:873
    at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:425)
    at Object.onInvokeTask (core.es5.js:3881)
    at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:424)
    at Zone.webpackJsonp.../../../../zone.js/dist/zone.js.Zone.runTask (zone.js:192)
    at drainMicroTaskQueue (zone.js:602)
    at ZoneTask.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (zone.js:503)
    at invokeTask (zone.js:1540)

请尝试绝对url：

 this.router.navigate(['/edit-list/edit', displayMode,index]);

请尝试绝对url：

 this.router.navigate(['/edit-list/edit', displayMode,index]);

---

编辑列表在哪里？编辑列表是父组件。在路由模块中，它由“”表示，它应该与路由索引匹配，但不起作用。找到解决方案：在路由模块中，路径必须是“edit/：displayMode/：id”，而不是“edit/：displayMode/：id/”，其中是编辑列表？编辑列表是父组件。在路由模块中，它由“”表示，它应该与RouteInded匹配，但不起作用。找到解决方案：在路由模块中，路径必须为“edit/：displayMode/：id”，而不是“edit/：displayMode/：id/”