Угловой вложенный маршрут, не вызывающий компонент

Question

У меня есть вложенный маршрут, который я пытаюсь заставить работать. Когда я пытаюсь перейти к вложенному маршруту, вот так:

this.router.navigateByUrl('/project/' + this.project._id + '/shot/' + row._id);

изменяет маршрут в браузере, чтобы он выглядел так, как должен. Например:

http://localhost:4200/project/5cdc30c20d86931b180de39b/shot/5cdc31170d86931b180de3b2

Однако, ShotComponent никогда не создается!

app.routes.ts выглядит следующим образом.

{ 
  path: 'project',
  children: [
  {
    path: '',
    component: ProjectListComponent
  },
  {
    path: ':_id',
    component: ProjectComponent,
    children: [
    {
      path: 'shot/:_id',
      component: ShotComponent
    }]
  }]
}

Если я сделаю маршрут выстрела не вложенным, компонент будет создан правильно. Я предполагаю, что у меня здесь что-то не так. Есть идеи? Ошибки не генерируются в консоли или в угловом клике