Resolve on child route stops rendering components with nested routing

Question

File structure:

app-routing.module.ts

const routes: Routes = [
  { path: \'\', pathMatch: \'full\', redirectTo: \'main\' },
  {
    path: \'main\',