Using a function in the router's "redirectTo" to determine where to redirect prevents aot

Question

I am using a function to determine where the user should be redirected on the loading of the site. Like so:

{   path : '', redirectTo: redirector(),     pathMatch: 'full' }

redirector() returns a route (string) eg: 'home/browse'

This causes the following issue with ng build --prod --aot

Uncaught Error: Invalid configuration of route ''. One of the 
following must be provided: component, redirectTo, children or 
loadChildren

Use Angular's `CanActivate` on the route and put your redirect logic there. It's essentially route middleware. — David Alsh, Apr 03 '18 at 23:32

Martin Patsov · Accepted Answer · 2019-06-21T16:54:52.207

Here you can see a github issue that also is related to angular guard (conditional) redirection.

The example solution from the github issue is (also mentioned by @David Alsh in the comments earlier):
{path: '', pathMatch: 'full', children: [], canActivate: [RedirectGuard]}

And then in the RedirectGuard's canActivate method you could use: this.router.navigate(), where this.router is the Router from '@angular/router': https://angular.io/guide/router, in order to execute the redirect.

Example use of this.router.navigate():
this.router.navigate(['/heroes']);

You can find even more details in this stackoverflow question.

Good luck!

Using a function in the router's "redirectTo" to determine where to redirect prevents aot

1 Answers1