Angular 2 child routes not working

Question

I have a child route history and i get an empty error.

Uncaught (in promise): EmptyError: no elements in sequence EmptyError: no elements in sequence

Here is my code:

{path: 'calories', pathMatch: 'full', component: CaloriesComponent, canActivate: [UserService], children: [
    {path: 'history', pathMatch: 'full', component: CaloriesHistoryComponent, canActivate: [UserService]}
  ]},

Your UserService is probably incorrect, and completes without emitting true or false. Why the `pathMatch: 'full'`, BTW? — JB Nizet, Dec 18 '17 at 20:28
`canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) { return this.isAuth().then( response => { if (response.success) { this._logged_user.next(new User(response.data)); return true; }else { this._logged_user.next(null); this.router.navigate(['/signin']); return false; } } ); } ` — George Sendrea, Dec 18 '17 at 20:32
Why are you setting the same can activate on the child route? The parent route authguard will propagate to all children — Hugo Noro, Dec 18 '17 at 21:06

score 1 · Answer 1 · answered Dec 18 '17 at 20:28

1

This error happens when using RxJS 5.5.3 with angular (version 4/5), so just skip RxJS 5.5.3, and use RxJS 5.5.4 by adding "rxjs": "^5.5.4" to your project package.json

answered Dec 18 '17 at 20:28

Ajay Reddy

1,475
1
16
20

i have rxjs: '^5.4.1' in package.json – George Sendrea Dec 18 '17 at 20:34

score -1 · Answer 2 · answered Dec 18 '17 at 20:33

-1

I don't see any issues with your code. I searched the error use gave and I found this post about it. Seems to be relevant to your question. I hope this helps.

Here is the post

answered Dec 18 '17 at 20:33

Sericet

21
6

Angular 2 child routes not working

2 Answers2