Angular 6延迟加载引发错误

Question

我已经在app.routes.ts文件中创建了路由，并在app.module.ts文件中导入了路由。奇怪的是，我收到一个错误消息，说RouterModule.forRoot()被叫过两次

Error In Console

export const routing: ModuleWithProviders = RouterModule.forRoot(routes);

Answer 1

使用forChild进行惰性模块路由并导出RouterModule

Stackblitz Demo

imports:[
    RouterModule.forChild(routes)
],
exports:[
    RouterModule
]

Answer 2

错误说明了一切。

应用程序中应该只有一个RouterModule.forRoot(routes)，它应该位于应用程序的根module（通常为AppModule）上。所有其他子模块（尤其是延迟加载模块）都应导入RouterModule.forChild(routes)。

请参阅差异here