Router-outlet does not work on page load (Angular 15 standalone root component)

Question

Router-outlet does not load a component on page load/refresh. I have not found any solution in the internet. Any ideas?

Have a Console error (see 1st comment).

main.ts

import { bootstrapApplication } from '@angular/platform-browser';
import { provideRouter } from '@angular/router';

import { routes } from './app/app-routing.module';
import { AppComponent } from './app/app.component';

bootstrapApplication(AppComponent, {
    providers: [
        provideRouter(routes)
    ]
});

app-routing.module.ts

import { Route } from '@angular/router';

export const routes: Route[] = [
    {
        path: '',
        loadComponent: () => import('./home/home.component').then(x => x.HomeComponent)
    }
];

app.component.html

<router-outlet></router-outlet>

app.component.ts

import { HttpClientModule } from '@angular/common/http';
import { RouterModule } from '@angular/router';
import { Component } from '@angular/core';

@Component({
    standalone: true,
    imports: [
        HttpClientModule,
        RouterModule,
    ],
    templateUrl: './app.component.html'
})
export class AppComponent {}

home.component.ts

@Component({
    standalone: true,
    imports: [
        CommonModule,
        RouterModule,
    ],
    templateUrl: './home.component.html'
})
export class HomeComponent {}