angular - 带孩子的角度路由器模块

Question

我正在尝试使用 来自 Angular的 router-outlet标签和routerModule来实现一个带有子组件的组件。

角度路由器模块的问题。由于某些未知原因，父组件有 2 个以上的子组件不起作用。就我而言，第三个链接根本不起作用，如果我打开 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 控制台中得到的图像。它不应该到达服务器。