angular 6中的无效路由抛出未捕获异常

import { Injectable } from '@angular/core';
import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';

@Injectable()
export class InvalidRouteGuard implements CanActivate {
  constructor(private router: Router) {}

  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
    // 检查路由是否有效，这里可以根据具体的业务逻辑进行判断
    const isValidRoute = ...;

    if (isValidRoute) {
      return true;
    } else {
      // 无效路由，进行相应的处理，例如重定向到默认页面
      this.router.navigate(['/default']);
      return false;
    }
  }
}

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { InvalidRouteGuard } from './invalid-route.guard';

const routes: Routes = [
  { path: 'valid-route', component: ValidRouteComponent },
  { path: 'invalid-route', component: InvalidRouteComponent, canActivate: [InvalidRouteGuard] },
  // 其他路由配置...
];

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