Угловая маршрутизация по корневому пути с параметром

Я пытаюсь настроить пути на моих маршрутах angular, чтобы параметр идентификатора был пустым корневым путем. Например, localhost:4200/123, где мой текущий рабочий код работает как localhost:4200/view/123

Вот мои текущие рабочие маршруты

const routes: Routes = [
  {path: '', redirectTo: 'main', pathMatch: 'full'},
  {path: 'main', component: MainComponent},
  {path: 'view/:id', component: ViewComponent},
];

В идеале я хочу избавиться от части пути /view/.

я пробовал

const routes: Routes = [
  {path: '', redirectTo: 'main', pathMatch: 'full'},
  {path: '/:id', component: ViewComponent},
  {path: 'main', component: MainComponent},
];

с комбинациями отбрасывания косой черты.

Я также пробовал

const routes: Routes = [
  {path: '', redirectTo: 'main', pathMatch: 'full'},
  {path: '/:id', redirectTo: 'view', pathMatch: 'full'},
  {path: 'main', component: MainComponent},
  {path: 'view', component: ViewComponent},
];

С комбинациями отбрасывания косой черты и добавления /:id к {path: 'view', component: ViewComponent},

Когда я пробую ранее неработавшие маршруты, страница выходит пустой и ошибок в консоли нет.

Использование Angular 5.2.0