带孩子的角形路由器模块

Question

我正在尝试使用以下组件实现组件 router-outlet 标签和Angular中的 routerModule 。

有角度的RouterModule的问题。出于某些未知原因，父组件有两个以上的子代将不起作用。就我而言，第三个链接根本不起作用，如果我打开chrome控制台，它尝试导航的链接不是localhost：4200，而是localhost：8080。

如果我更改顺序，那么其中之一将根本无法工作。

RouterModule.forChild([
        { path: '', component: MainComponent, canActivate: [AuthGuard]},
        { path: 'project',
            component: MainComponent,
            children : [
                {
                    path: ':id/:qid',
                    component: DataComponent
                },
                {
                    path: ':id',
                    component: ProjectComponent
                },
                {
                    path: 'search',
                    component: SearchComponent
                },
            ]
        }
    ])

这是我在chrome控制台中得到的图像。它不应该伸出到服务器。