Как я могу использовать лениво загруженные модули с Angular микро-интерфейсами?

Question

Я следую примеру Манфреда Штайера на микро-интерфейсах с Angular. Но я не могу заставить его работать с лениво загруженными модулями. У меня есть тестовый пример на git здесь .

В проектах / spa / src / app / app.module.ts У меня есть этот код:

RouterModule.forRoot(
  [
    { path: "", pathMatch: "full", redirectTo: "spa/main" },
    {
      path: "spa",
      // component: MainComponent,
      // children: [{ path: "main", component: MainComponent }]

      loadChildren: () =>
        import("./main/main.module").then(m => m.MainModule)
    },
    { path: "**", component: EmptyComponent }
  ],
  { useHash: true }
)

Если я использую его таким образом, я получаю ошибки в консоли (из-за того, что он не может загрузить веб-компонент, поскольку он уже существует с таким же именем, но это происходит потому, что он постоянно перезагружается до сбоя браузера). Если я прокомментирую часть «loadChildren» и раскомментирую строки «component» и «children», он будет работать отлично.

Если я не использую отложенную загрузку, веб-пакет (ну, ngx-build- плюс ) создает только один файл main. js. Когда я использую отложенную загрузку, я получаю дополнительный файл 1. js. Может быть, это также связано с вещами?

Буду очень признателен за любую помощь, так как я борюсь с этим на прошлой неделе.