“如何修复”错误:无法匹配任何路线。URL段:“任何内容”

Question

在我的angular项目中，我的路线系统有问题。每次调用< code > reset-password/:token 路由时，我都会收到此错误。< br >每次我调用这个路由时，< code > http://localhost:4200/reset-password？token=token_info，浏览器(google chrome)将我重定向到< code > http://localhost:4200/reset-password 并返回此错误消息。

core.js:1673 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'reset-password'
Error: Cannot match any routes. URL Segment: 'reset-password'
    at ApplyRedirects.push../node_modules/@angular/router/fesm5/router.js.ApplyRedirects.noMatchError (router.js:1384)
    at CatchSubscriber.selector (router.js:1365)
    at CatchSubscriber.push../node_modules/rxjs/_esm5/internal/operators/catchError.js.CatchSubscriber.error (catchError.js:34)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._error (Subscriber.js:80)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.error (Subscriber.js:60)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._error (Subscriber.js:80)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.error (Subscriber.js:60)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._error (Subscriber.js:80)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.error (Subscriber.js:60)
    at TapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/tap.js.TapSubscriber._error (tap.js:61)
    at resolvePromise (zone.js:814)
    at resolvePromise (zone.js:771)
    at zone.js:873
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:3811)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)
    at drainMicroTaskQueue (zone.js:595)

另一方面，所有其他道路都在运行

这是我的代码
应用程序。

const appRoutes: Routes = [{
    path: '',
    component: LoginLayoutComponent,
    children: [
        { path: '', component: SigninComponent },
        {
            path: 'forgot-password',
            component: ForgotPasswordComponent,
        },
        {
            path: 'forgot-password/confirmation',
            component: ForgotPasswordConfirmationComponent,
        },
        { 
            path: 'reset-password/:token',
            component: ResetPasswordComponent,
        },
        { path: 'signup', component: SignupComponent },
        { path: 'logout', component: LogoutComponent, canActivate: [
            CanActivateViaAuthGuard
           ]
        },
      ]
    },

请你帮帮我好吗？谢谢。

Answer 1

您已经使用令牌定义了“reset-的密码/：令牌”，所以您需要通过该路由传递令牌。

要么必须通过该路由传递令牌，要么定义另一个没有令牌的路由。

Answer 2

您的“重置密码”路由需要一个令牌参数，可能在您调用路由时错过了它。

Answer 3

在{path：'reset-密码/：令牌'，…}对象之前添加reset-密码作为路由。