无法将组件加载到页面中 - 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

我把modal组件放在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));
});

我还建议使用 angular cli，它会为你做这种事情。

Answer 2

您的页面模块设置不适合延迟加载。我不确定究竟是什么导致了确切的错误，但是当您延迟加载时，您不会导出或声明入口组件。将您的页面模块更改为：

@NgModule({
    declarations: [
        pageOne,
        modalComponent ],
    imports: [ IonicPageModule.forChild(pageOne) ]
})
export class pageOneModule {}

现在，您没有发布您的模态组件代码，所以我不确定它是否是您制作的。如果它类似于 Material2 Modals，则需要在 entryComponents 中。此外，您的导航堆栈现在应该使用页面的字符串名称，而不是导入以确保您正在加载相同的对象而不是克隆它。