Компонент Angular Share с дочерними модулями

У меня есть parent.module, который загружает свои объявления SideboxComponent.

Селектор parent.component - это <app-parent>, внутри него я могу вызвать селектор <app-sidebox>, потому что он находится в объявлениях.

Проблема, с которой я столкнулся, заключается в том, что я хочу найти способ загрузки того же <app-sidebox>, но из дочернего маршрута, и без необходимости импортировать SideboxComponent в каждый модуль дочерних маршрутов / модулей, создавая общий модуль.

Я просто хочу вызвать селектор из любого дочернего элемента, но мне трудно найти для этого способ.

Допустим, я хочу загрузить ребенка / аффилиатов, как мне это сделать?

//parent.routing.ts
export const routes: Routes = [
    {
        path: '', 
        component: ParentComponent,
        children:[
            { path:'', redirectTo:'affiliates', pathMatch:'full' },
            { path: 'affiliates', loadChildren: './affiliates/affiliates.module#AffiliatesModule', data: { breadcrumb: 'Affiliates' } },
       ]
    }
];

Обновлено: Это ошибка, которую я получаю:

[Error] ERROR – Error: Uncaught (in promise): Error: Template parse errors:
'app-sidebox' is not a known element:
1. If 'app-sidebox' is an Angular component, then verify that it is part of this module.
2. If 'app-sidebox' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.