无法将组件加载到页面中 - Angular 4/Ionic 3

Question

页面上显示一个按钮.当用户选择子组件将出现的按钮时,会出现以下错误 - 错误:未捕获(在承诺中):错误:找不到ModalComponent的组件工厂.你有没有把它添加到@ NgModule.entryComponents？

我设置的结构如下,这与Ionic 3一起 -

app (folder) 
 - app.module
 - app.component

components (folder)
 - modal-component.ts

pages (folder)
 - pageOne (folder)
   - pageOne.module
   - pageOne.ts

我把模态组件放在pageOne.module中

pageOne.module

@NgModule({
    declarations: [
        pageOne,
        modalComponent

    ],
    entryComponents: [
        modalComponent
    ],
    imports: [
        IonicPageModule.forChild(pageOne),
    ],
    exports: [
        pageOne,

    ]
})
export class pageOneModule {}

pageOne.ts

@IonicPage()

@Component({
  selector: 'pageOne',
  templateUrl: 'pageOne.html',

})
export class pageOne {}

Answer 1

你是在引导你的模块吗？

把它放在它将加载的地方

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { pageOneModule } from './pages/pageOne/pageOne.module';

document.addEventListener('DOMContentLoaded', () => {
  platformBrowserDynamic().bootstrapModule(pageOneModule)
  .catch(err => console.log(err));
});

我还建议使用角度cli,它会为你做这种事情.