Angular 8 路由，无法导航到斜杠前没有名称的组件

Question

默认情况下，我希望浏览器在打开时导航到 LandingPageComponent。

例如http://localhost:4200/

当用户在斜杠后输入时，我想使用 URL

中的参数导航到 ProfileComponent

例如http://localhost:4200/user1

这种方法可行吗？因为我得到 "Path cannot start with a slash".

的错误

app-routing.module.ts

const routes: Routes = [

  {path:'', component:LandingPageComponent},
  {path: '/:profileId',
  loadChildren: './profile/profile.module#profileModule'
}, 
];

profile-routing.module.ts

const routes: Routes = [

{path:'', component:profileComponent},   //< I want to load this component after /user1
{path :'folder/:folderId', component:FolderComponent},
];

Answer 1

应用-routing.module.ts

const routes: Routes = [

  {path:'', component:LandingPageComponent},
  {path: ':profileId',
  loadChildren: './profile/profile.module#profileModule'
}, 
];

从 profileId 的路径中删除“/”并尝试。