【问题标题】:Ionic based on Angular project not found component factory基于 Angular 项目的 Ionic 未找到组件工厂
【发布时间】:2018-05-17 17:08:38
【问题描述】:

错误:

错误:未找到 LangPopComponent 的组件工厂。你把它添加到@NgModule.entryComponents 了吗?

我的app.module.ts

@NgModule({
  declarations: [
    //
  ],
  imports: [
    //
    ComponentsModule,
    //
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    //
  ],
  providers: [
    //
  ]
})

我的component.module.ts

@NgModule({
    declarations: [LangPopComponent], // here too
    entryComponents: [LangPopComponent], // see it's imported here
    imports: [
        TranslateModule,
        IonicModule
    ],
    exports: [LangPopComponent], // I well exported this component...
    providers: [
    ]
})
export class ComponentsModule {}

在另一个page.ts(主页):

export class HomePage {

  constructor(public popoverCtrl: PopoverController, public translate: TranslateService, public navCtrl: NavController) {
  }

  PresentPopover(){
    let popover = this.popoverCtrl.create(LangPopComponent);
    popover.present(); // ERROR HERE
  }
}

当我想使用 Ionic 提供的弹出框库呈现组件时产生错误。 有什么想法吗?

【问题讨论】:

    标签: angular typescript ionic-framework ng-modules


    【解决方案1】:

    home.module.ts 中插入ComponentsModule

    import { ComponentsModule } from '../components/components.module';
    
    
        imports: [
            ComponentsModule
          ],
    

    【讨论】:

    • 这里有同样的错误。 import { ComponentsModule } from '../../components/components.module'; @NgModule({ imports: [ ComponentsModule ], declarations: [ LangPopComponent ], entryComponents: [ LangPopComponent ], exports: [ LangPopComponent ] })
    • 他没看到'../../components/components.module'修复地址
    • i.gyazo.com/da805eb2b091ad433ad7681f45e104ec.png 确实如此。错误不会是这个。还有其他想法吗?
    • 如果我在 app.module.ts 中添加 @NgModule.entrypoints 和 .declarations ,它就像一个魅力。为什么它不能在 app.module.ts 中导入的另一个模块中工作... :-(
    猜你喜欢
    • 1970-01-01
    • 2019-03-13
    • 2020-03-08
    • 2020-06-12
    • 2018-11-21
    • 2019-11-06
    • 2019-03-02
    • 1970-01-01
    • 2019-07-27
    相关资源
    最近更新 更多