Как импортировать вложенный компонент?

Question

Я работаю во angular вложенных компонентах, получаю сообщение об ошибке и не знаю, почему.

У меня есть модуль connect. Response. response.component, который имеет address-response.component, который Имеет submission.module с review-request-grid.component.

Все работает нормально, пока мне не нужно было добавить новый модуль и компонент, внутри review-request-grid я должен был добавить впоследствии-submission.component внутри последующий.модуль.

В основном это как адрес-ответ -> обзор-запрос-сетка -> последующее представление

адрес-ответ. html

////////////some code
<review-request-grid></review-request-grid>

обзор-запрос-сетка. html

///////////some code
<app-subsequent-submission ></app-subsequent-submission>

последующий модуль

@NgModule({
    declarations: [SubsequentSubmissionComponent],
    imports: [
        CommonModule,
        ClarityModule
    ],
    ////////////////////I added this part to see if that would help
    exports: [
        SubsequentSubmissionComponent
    ]
})
export class SubsequentModule { }

submission.module

@NgModule({
    declarations: [/////some components],
    imports: [
        CommonModule,
        ClarityModule,
        SubsequentModule //////////I also tried to import the module here
    ]
})
export class SubmissionsModule { }

connect.module

@NgModule({
    declarations: [/////some components],
    imports: [
        CommonModule,
        ClarityModule,
        SubmissionModule,
        SubsequentModule //////////I also tried to import the module here
    ]
})
export class CommunicateModule { }

Но я продолжаю получать ту же ошибку 'app-subsequent-submission' is not a known element