How to handle "Cannot match any routes" error?

Question

When user navigates to a URL, which is not matched to any route, Angular router throws an error

Cannot match any routes. URL Segment: [...]

What is the correct way of handling this specific error?

When using custom ErrorHandler as specified in the ExtraOptions, this error comes as a generic Error instance, so only way to match is regexp the err.message, but that doesn't sound right.

Answer 1

You can redirect to another route when user navigates to a url which is not matched to any route. All the undefined routes will be redirect to dashboard as per example.

Defined in routes like this ::

{ path: '', redirectTo: 'dashboard', pathMatch: 'full' },
{ path: 'dashboard', loadChildren: './Component/dashboard/dashboard.module#DashboardModule'},
   { path: '**', redirectTo: '' }

Answer 2

you can add { path: '**', redirectTo: 'default route' }

Answer 3

Hello there is an other way to handle the error throwed by the router:

constructor(private router: Router) {
    this.router.errorHandler = (error: any) => {
        // do some stuff
    }
  }