Как получить доступ к маршрутам дочерних приложений микроинтерфейса в приложении Shell [Angular 13]

В моем удаленном приложении у меня есть следующие маршруты:

      const routes: Routes = [
  {
    path: '',
    component: RNDFirstComponent,
    pathMatch: 'full',
  },
  {
    path: 'rnd2',
    component: RNDSecondComponent,
    pathMatch: 'full',
  },
  {
    path: 'rnd3',
    component: RNDThreeComponent,
    pathMatch: 'full',
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class RNDSectionRoutingModule { }

И в компоненте Home у меня есть 3 ссылки для вышеуказанного маршрута, и он отлично работает для автономного приложения. После интеграции удаленного приложения в приложение Shell появляется следующая ошибка для удаленной ссылки:

      ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'rnd2'

Ниже приведены настройки веб-пакета моего удаленного приложения и оболочки.

      Remote
// For remotes (please adjust)
        name: "rdapp",
        filename: "remoteEntry.js",
        exposes: {
            './RNDSectionModule': './/src/app/rnd/rnd.module.ts',
            RNDFirstComponent: './/src/app/rnd/rndfirst.component.ts',
            RNDSecondComponent: './/src/app/rnd/rndsecond.component.ts',
            RNDThreeComponent: './/src/app/rnd/rndthree.component.ts',
        },   

0 ответов

Другие вопросы по тегам