Actually it was working before, but today it stopped working and I didn't change anything. That's confused me. Does anyone have any idea about this?
This is my AppRoutingModule
const routes: Routes = [
{
    path: '',
    redirectTo: 'admin', pathMatch: 'full'
},
{
    path: 'admin',
    component: MainComponent,
    canActivate: [AuthService],
    children: [
        {path: '', redirectTo: 'dashboard', pathMatch: 'full'},
        {path: 'dashboard', component: DashboardComponent, data: {breadcrumbs: ['Dashboard']}},
    ]
},
{path: 'auth', loadChildren: () => import('./auth/auth.module').then(a => a.AuthModule)},
{path: '**', component: Error404Component},
]
@NgModule({
imports: [LayoutModule, RouterModule.forRoot(routes, {useHash: true})],
exports: [RouterModule]
})
export class AppRoutingModule {
}
This is my AppModule
@NgModule({
declarations: [
    AppComponent,
    DashboardComponent,
    P404Component
],
imports: [
    BrowserModule,
    AppRoutingModule,
],
exports: [],
bootstrap: [AppComponent]
})
export class AppModule {
}
