尝试将2个模块互相导入到带有Angular 6错误的动态组件的延迟加载模块中

时间:2019-03-09 14:51:20

标签: lazy-loading angular-routing angular-module angular-cdk ng-modules

我正在使用angular cdk 动态组件加载功能创建一个角度库。

在初始设置中,我有一个 base-component ,可以动态加载 other-components ,这些 other-components 依次需要使用 base-component 递归加载其子组件,如此反复,因此这些子组件应再次使用 base-component < / strong>加载其子级。

因此,通过使用延迟加载的模块,情况变得像

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'

解决该错误的任何建议都会有所帮助。

0 个答案:

没有答案