I am facing an issue where I can navigate to all links, pages, or components from the base URL, but I cannot open a specific URL like "http://localhost:4200/home/dashboard" in a new tab. Instead, it just shows a blank page.
It is worth noting that even when I try to refresh the page, it still shows as blank.
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ErrorsComponent } from './errors/errors.component';
import { FullComponent } from './layouts/full/full.component';
import { LoginComponent } from './login/login.component';
import { SignupComponent } from './signup/signup.component';
import { WelcomeComponent } from './welcome/welcome.component';
export const Approutes: Routes = [
{
path: 'home',
component: FullComponent,
children: [
{ path: '', redirectTo: 'dashboard', pathMatch: 'full' },
{
path: 'dashboard',
loadChildren: () => import('./dashboard/dashboard.module').then(m => m.DashboardModule)
},
{
path: 'component',
loadChildren: () => import('./component/component.module').then(m => m.ComponentsModule)
}
]
},
{
path: 'login',
component: LoginComponent,
},
{
path: 'signup',
component: SignupComponent,
},
{
path: '',
component: WelcomeComponent,
pathMatch: 'full'
},
{
path: '**',
redirectTo: '/',
}
];