Как получить доступ к маршрутам дочерних приложений микроинтерфейса в приложении 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',
},