// app.routes.ts
import { Routes } from '@angular/router';
import { One } from './one/one';
import { Two } from './two/two';
export const routes: Routes = [
 {
 children: [
 {
 component: Two,
 path: 'two'
 },
 {
 path: '',
 redirectTo: 'two'
 }
 ],
 component: One,
 path: 'one'
 },
 {
 path: '',
 redirectTo: 'one'
 }
];

// children.routes.ts
import { Routes } from '@angular/router';
import { One } from './one/one';
import { Two } from './two/two';
export const routes: Routes = [
 {
 children: [
 {
 component: Two,
 path: 'two'
 },
 {
 path: '',
 redirectTo: 'two'
 }
 ],
 component: One,
 path: ''
 }
];
export { routes as default };

// app.routes.ts
import { Routes } from '@angular/router';
export const routes: Routes = [
 {
 loadChildren: () => import('./children.routes'),
 path: 'one'
 },
 {
 path: '',
 redirectTo: 'one'
 }
];

One of the redirects is now missing. There will be an empty file instead.
- /index.html (with a redirect to /one)
- /one/index.html (**is an empty file**)
- /one/two/index.html (with a pre-rendered page)

Angular CLI: 20.2.1
Node: 22.17.1
Package Manager: npm 8.19.3
OS: darwin arm64
 
Angular: 20.2.2
... animations, common, compiler, compiler-cli, core
... platform-browser, platform-browser-dynamic, platform-server
... router, service-worker
Package Version
---------------------------------------
@angular-devkit/architect 0.2002.1
@angular-devkit/build-angular 20.2.1
@angular-devkit/core 20.2.1
@angular-devkit/schematics 20.2.1
@angular/cli 20.2.1
@angular/ssr 20.2.1
@schematics/angular 20.2.1
rxjs 7.8.2
typescript 5.8.3
zone.js 0.15.1