Angular 角度2-尝试导入组件时出错

我有一个具有这种结构的项目：

app
|
 |pages
    |Dashboard
        |Component1
    |UI
        |ModalComponent

我想在/Dashboard/Component1上显示ModalComponent，但尝试时出现以下错误：

未找到DefaultModal的组件工厂。你把它加进去了吗 @NgModule.entryComponents

我的dashboard.module.ts

import { PieChartService } from './pieChart/pieChart.service';

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    AppTranslationModule,
    NgaModule,
    routing
  ],
  declarations: [
     PieChart,
     /..Some components../

],
  providers: [
    PieChartService,
    /..Some services../
  ]

})
export class DashboardModule {}

import { NgModule }      from '@angular/core';
import { CommonModule }  from '@angular/common';
import { FormsModule } from '@angular/forms';
import { NgbDropdownModule, NgbModalModule } from '@ng-bootstrap/ng-bootstrap';
import { DefaultModal } from './components/modals/default-modal.component';


    @NgModule({
  imports: [
    CommonModule,
    FormsModule,
    /.../
  ],
  declarations: [
    DefaultModal
  ],
  exports: [
    DefaultModal
  ]
})
export class UiModule {
}

import { PieChartService } from './pieChart/pieChart.service';
import { UiModule } from './ui/ui.module'; //<====this line

@NgModule({
      imports: [
        CommonModule,
        FormsModule,
        AppTranslationModule,
        NgaModule,
        UiModule, //<====this line
        routing
      ],
      declarations: [
         PieChart,
     /..Some components../

],
  providers: [
    PieChartService,
    /..Some services../
  ]

})
export class DashboardModule {}

我的modal.module.ts

import { PieChartService } from './pieChart/pieChart.service';

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    AppTranslationModule,
    NgaModule,
    routing
  ],
  declarations: [
     PieChart,
     /..Some components../

],
  providers: [
    PieChartService,
    /..Some services../
  ]

})
export class DashboardModule {}

import { NgModule }      from '@angular/core';
import { CommonModule }  from '@angular/common';
import { FormsModule } from '@angular/forms';
import { NgbDropdownModule, NgbModalModule } from '@ng-bootstrap/ng-bootstrap';
import { DefaultModal } from './components/modals/default-modal.component';


    @NgModule({
  imports: [
    CommonModule,
    FormsModule,
    /.../
  ],
  declarations: [
    DefaultModal
  ],
  exports: [
    DefaultModal
  ]
})
export class UiModule {
}

import { PieChartService } from './pieChart/pieChart.service';
import { UiModule } from './ui/ui.module'; //<====this line

@NgModule({
      imports: [
        CommonModule,
        FormsModule,
        AppTranslationModule,
        NgaModule,
        UiModule, //<====this line
        routing
      ],
      declarations: [
         PieChart,
     /..Some components../

],
  providers: [
    PieChartService,
    /..Some services../
  ]

})
export class DashboardModule {}

我做错了什么？谢谢

编辑

如果我在DashboardModule中添加

entryComponents:[DefaultModal]

，错误将更改为：

组件DefaultModal不是任何NgModule的一部分，或者该模块尚未导入到您的模块中

---

最后，由于@echonax，所有的工作都完成了

我必须这样更改我的主要模块：

dashboard.module.ts

import { PieChartService } from './pieChart/pieChart.service';

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    AppTranslationModule,
    NgaModule,
    routing
  ],
  declarations: [
     PieChart,
     /..Some components../

],
  providers: [
    PieChartService,
    /..Some services../
  ]

})
export class DashboardModule {}

import { NgModule }      from '@angular/core';
import { CommonModule }  from '@angular/common';
import { FormsModule } from '@angular/forms';
import { NgbDropdownModule, NgbModalModule } from '@ng-bootstrap/ng-bootstrap';
import { DefaultModal } from './components/modals/default-modal.component';


    @NgModule({
  imports: [
    CommonModule,
    FormsModule,
    /.../
  ],
  declarations: [
    DefaultModal
  ],
  exports: [
    DefaultModal
  ]
})
export class UiModule {
}

import { PieChartService } from './pieChart/pieChart.service';
import { UiModule } from './ui/ui.module'; //<====this line

@NgModule({
      imports: [
        CommonModule,
        FormsModule,
        AppTranslationModule,
        NgaModule,
        UiModule, //<====this line
        routing
      ],
      declarations: [
         PieChart,
     /..Some components../

],
  providers: [
    PieChartService,
    /..Some services../
  ]

})
export class DashboardModule {}

从'./pieChart/pieChart.service'导入{PieChartService}；
从“./ui/ui.module”导入{UiModule}//你用谷歌搜索过错误吗？是的，看到了很多解决方案，但是错误被保留了，或者出现了一个不同的错误什么是
defaultmodel
？你似乎没有在任何地方导入它，我删除了导入，因为否则代码很长，可能重复