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
– Bhaumik Pandhi, Commented Mar 7, 2018 at 5:47
My ID is not '3' in this case, it's the whole string. My link variable is '/blog/pages/3' — Robbie Mills
– Robbie Mills, Commented Mar 7, 2018 at 5:57
but, your route have ID parameter you cant redirect directly using whole string, you need to pass ID. — Bhaumik Pandhi
– Bhaumik Pandhi, Commented Mar 7, 2018 at 5:59
Try navigateByUrl method. navigate expects a command array and you are passing a string. — Bunyamin Coskuner
– Bunyamin Coskuner, Commented Mar 7, 2018 at 6:10

pzaenger · Accepted Answer · 2018-09-18 09:21:14Z

50

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

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

pzaenger

12.1k3 gold badges48 silver badges55 bronze badges

answered Sep 18, 2018 at 9:13

ayush didwaniya

5146 silver badges4 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1