Модуль Http-вызовов не работает после миграции Angular версии 4 на 12.

Question

Недавно я перенес приложение с угловой версии 4 на 12. Некоторые из моих модулей выполняют http-вызовы посредством реализации ниже, и они не работают. По сути, он должен загружать данные при открытии модального окна! Но сейчас, когда я нажимаю на любой идентификатор, он просто открывает пустое модальное окно, но HTTP-вызовы не запускаются, и моя вкладка сети пуста. Эта проблема возникает только с модулями такой реализации, а все остальные модули работают нормально.

Фрагмент кода:

      `export class XYZModule {
static forRoot(config: ABCConfig): ModuleWithProviders<XYZModule> {
return {
ngModule: XYZModule,
providers: [
{provide: ABCConfig, useValue: config}
],
};
}

    constructor (@Optional() @SkipSelf() parentModule: XYZModule) {
        if (parentModule) {
            throw new Error('XYZModule is already loaded.  Import it in the root module only.');
        }
    }

}

Note:  This module called at other parentmodule like this
@NgModule({
imports:[
xYZModule.forRoot({ApiConfig: ApiConstant.data}),]
})
`

Здесь, в ApiConstant.data, я настроил все конечные точки API, которые необходимо выполнить в зависимости от операции.

Я обновил код последней версией ModuleWithProviders<XYZModule>, но он все равно не работает! Я хотел бы узнать, столкнулся ли кто-нибудь с подобной проблемой, или мне нужно изменить какую-либо реализацию вызова этих модулей.