Angular 5 commands.reduce is not a function in router.navigate

Question

I'm sending a string as a link to my router, eg "/blog/pages/3"

However I'm getting the error "commands.reduce is not a function"

The navigate does work though, just the error shows up in the console

goToPage(link) {
  this.router.navigate(link);
}

try passing your Id in second argument, like this `this.router.navigate(['/pageURL', id]);}` — Bhaumik Pandhi, Mar 07 '18 at 05:47
My ID is not '3' in this case, it's the whole string. My link variable is '/blog/pages/3' — Robbie Mills, Mar 07 '18 at 05:57
but, your route have ID parameter you cant redirect directly using whole string, you need to pass ID. — Bhaumik Pandhi, Mar 07 '18 at 05:59
Try `navigateByUrl` method. `navigate` expects a command array and you are passing a string. — Bunyamin Coskuner, Mar 07 '18 at 06:10
Possible duplicate of [How to use router.navigateByUrl and router.navigate in Angular](https://stackoverflow.com/questions/45025334/how-to-use-router-navigatebyurl-and-router-navigate-in-angular) — Bhaumik Pandhi, Mar 07 '18 at 06:16

score 47 · Accepted Answer · edited Sep 18 '18 at 09:21

47

The function should be written like this. Use square brackets in the parameter:

goToPage(link) {
  this.router.navigate([link]);
}

edited Sep 18 '18 at 09:21

pzaenger

answered Sep 18 '18 at 09:13

ayush didwaniya

1 Answers1