0

我正在使用 MEAN 堆栈框架创建一个 Web 应用程序,Angular 版本是 6。我正在使用 ngx-admin 模板。我在 pages 文件夹中创建了一个名为“postJob”的组件。

例如:src->app->pages->post-job。

我也将新创建的 post job 组件添加到 pages 模块的 entryComponents 中。

页。模块.ts

const PAGES_COMPONENTS = [
  PagesComponent,
];

@NgModule({
  imports: [
    PagesRoutingModule,
    ThemeModule,
    DashboardModule,

    MiscellaneousModule,
  ],
  declarations: [
    ...PAGES_COMPONENTS,
    PostJobComponent,
  ],
  entryComponents: [PostJobComponent]
})
export class PagesModule {
  constructor(private injector: Injector){
    console.log("This is pages module");
    const customPostJob= createCustomElement(PostJobComponent, {injector});
    customElements.define('post-job',customPostJob);
  }
  ngDoBootstrap(){}
}

但是在调试应用程序时会出现以下错误。

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

这是我的项目目录的结构。

项目目录的结构

我在互联网上尝试了几种与我的问题相关的解决方案。但它没有用。谁能帮我理解我的错误?

4

1 回答 1

0

看来您有超过 1 个模块

将此组件放在根模块中或将该模块导入到 appModule

于 2019-04-15T12:30:36.797 回答