Question

我创建了一个延迟加载的模块，当用户重定向到路由时必须加载一个组件但是我收到如下所述的错误：

Error: Uncaught (in promise): Error: Cannot find primary outlet to load 'XYZComponent'

这是我的模块。

import { XYZComponent } from './xyz-confirm'

const XYZConfirmRoute: Route[] = [
  { 
    path: '', component: XYZComponent ,
    children: [
        { path: 'test', component: XYZComponent}
    ]
  }
];

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    RouterModule.forChild(XYZConfirmRoute)
  ],
  declarations: [XYZComponent],
  exports: [RouterModule],
  schemas: [ CUSTOM_ELEMENTS_SCHEMA ]  
})
export class XYZConfirmModule { }

如上所示，我想为父路由和子路由加载XYZComponent。有没有办法实现这个目标？。

Answer 1

你不能简单地这样做吗

  {
    path: 'test', component: XYZComponent
  },{
    path: '', component: XYZComponent
  }

注意您必须在顶部定义缩小路径测试位于顶部，然后''

将一个组件用于父路径和子路由

1 个答案: