Angular 14 routes any route that is below parameters route (i.e. :id) are not able to route-CodePudding

My app-routing.module.ts contains parameter routes that lead to a distinct id. I found out that my wildcard path was broken while testing my routes.

After considerable testing, it turns out that using a different route below the parameter path also doesn't work.

app-routing.module.ts (original setup)

const routes: Routes = [
  {
    path: '',
    pathMatch: 'full',
    loadChildren: () =>
      import('./features/home/home.module').then((m) => m.HomeModule),
  },
  {
    path: 'about',
    loadChildren: () =>
      import('./features/about/about.module').then((m) => m.AboutModule),
  },
  {
    path: 'contact',
    loadChildren: () =>
      import('./features/contact/contact.module').then((m) => m.ContactModule),
  },
  {
    path: ':id',
    loadChildren: () =>
      import('./features/profile/profile.module').then(
        (m) => m.ProfileModule
      ),
  },
   // PATH BELOW NOT WORKING