Empty path with children not working

[vatsake]

This works:

const routes: Routes = [
      {
        path: 'forms',
        loadChildren: () => import('./forms/forms.module').then((m) => m.FormsModule),
      },
      {
        path: 'tempix',
        loadChildren: () => import('./tempix/tempix.module').then((m) => m.TempixModule),
      },
      {
        path: 'switch',
        loadChildren: () => import('./switch/switch.module').then((m) => m.SwitchModule),
      },
      { path: '', pathMatch: 'full', redirectTo: 'forms' },
]

This does not.

const routes: Routes = [
  {
    path: '',
    canActivate: [AuthGuard],
    children: [
      {
        path: 'forms',
        loadChildren: () => import('./forms/forms.module').then((m) => m.FormsModule),
      },
      {
        path: 'tempix',
        loadChildren: () => import('./tempix/tempix.module').then((m) => m.TempixModule),
      },
      {
        path: 'switch',
        loadChildren: () => import('./switch/switch.module').then((m) => m.SwitchModule),
      },
      { path: '', pathMatch: 'full', redirectTo: 'forms' },
    ],
  },
]

BTW even without the guard, it still doesn't work.