空子路线在Angular 2中

Question

I've created some child routes in my Angular 2 app.

   export const AFTER_LOGIN_ROUTES:Routes=[
  {path:'',component:LatestPositionComponent},
  {path:'add',component:AddNewFriendComponent},
  {path:'history',component:HistoryComponent}
  ];

When I'm accessing http://localhost:4200/app/add or http://localhost:4200/app/history everything is fine.

But in case of http://localhost:4200/app I've got an error :

EXCEPTION: Uncaught (in promise): Error: Error in :0:0 caused by: Cannot read property 'firstChild' of null
Error: Error in :0:0 caused by: Cannot read property 'firstChild' of null
    at ViewWrappedError.ZoneAwareError

Any ideas ?

Answer 1

如果您的空路径（ '' ）没有子路径，请使用pathMatch: 'full'

{path:'',component:LatestPositionComponent, pathMatch: 'full'},