Angular 延迟加载到命名页路由器出口

我正在尝试创建一个导航场景，其中包含两个命名的页面路由器出口，其方式类似于可以在此处找到的项目：。区别在于我不想路由到选项卡式导航。我只想将整个应用程序路由到另一个名为PageRouter的出口

我已经让登录路由器工作，但是当我尝试导航到第二个路由器出口时，我得到一个错误，说找不到路由。我不确定我错过了什么。第二个路由器出口的目的是在主页顶部创建一个静态导航栏，而不需要在其他模块中重新创建。每一页上都有我想要的其他元素

我在这里创建了一个游乐场示例：

---

任何帮助都将不胜感激

您的代码中有各种各样的bug和打字错误

您从未申报过FronthouseModule。我猜这是fronthouse.module.ts上的一个输入错误，我将HomeModule重命名为fronthouse module。 您不需要插座名称/空插座组件等，它们用于基于选项卡的路由，其中在同一级别将有多个路由器插座。在您的情况下，一次只有一个路由器出口，即使它是嵌套的。 我必须更新loadChildren的语法，使用最新的Angular语法，就像应用程序内路由模块一样 如果不将UI元素包装到布局中，则不能有多个UI元素。您的原始代码中有一个没有布局的标签和页面路由器出口。我用GridLayout包装了它们，所以它们都是可见的。

---

基本上你想让你的嵌套路由器延迟加载？您似乎在前台模块上有输入错误，而且您正在使用主页中的准确路径进行导航，这应该是相对的。是的，我希望模块被延迟加载到嵌套路由器中。我可以访问主页，但那是在默认路由器中。我无法将fronthouse模块重新路由并加载到嵌套路由器中。@Manoj我在fronthouse模块中没有看到输入错误。你能告诉我你在哪里看到它吗？我还编辑了游乐场，在home.component.ts中为路由器导航添加了一个相对路径，但是我仍然得到一个错误，它找不到路径。这里是更新后的游乐场：其中一些错误只是在游乐场中，而不是在我的应用程序中，但解决我在应用程序中的问题的关键是没有命名插座，没有使用插座名称，也没有使用空插座组件。谢谢你的帮助！