Я создаю угловую библиотеку, используя angular cdk
динамическая загрузка компонентов функция.
При начальной настройке у меня есть один base-component
, который динамически загружает other-components
, эти other-components
по очереди должны использовать base-component
для рекурсивной загрузки своих дочерних компонентов и т. Д. Таким образом, эти дочерние компоненты должны снова использовать base-component
для загрузки своих дочерних компонентов.
Таким образом, при использовании лениво загруженных модулей сценарий выглядит примерно так:
base-module
необходимо импортировать child-module
, и каждый из child-module
теперь должен импортировать base-module
, чтобы иметь возможность загружать свои дочерние элементы рекурсивно.
CardModule (один из моих дочерних модулей)
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { CardRoutingModule } from './card-routing.module';
import { CardComponent } from 'src/app/components/layout/card/card.component';
import { BaseModule } from '../../routing/base/base.module'; //this isthe basecomponent-module
// import
@NgModule({
declarations: [CardComponent],
imports: [
CommonModule,
CardRoutingModule,BaseModule /*importing the basecomponentmodule **/
],exports:[CardComponent],
entryComponents:[CardComponent]
})
export class CardModule { } /*Child component module*/
Когда я пытаюсь это сделать, выдает ошибку ниже:
ERROR Error: Uncaught (in promise): Error: Unexpected value 'undefined' imported by the module 'CardModule'
Error: Unexpected value 'undefined' imported by the module 'CardModule'
Любое предложение по устранению ошибки будет полезно.