Question

我的Angular应用程序中经常出现错误。

错误：

NbWindowComponent_Host.ngfactory.js? [sm]:1 ERROR Error: No component factory found for ViewProductModalComponent. Did you add it to @NgModule.entryComponents?

项目布局：

Project Layout

我正在尝试导入view-product-modal组件，以便可以从我的产品组件中显示它。我已将其导入products.module.ts中，但仍然出现此错误。

Products.module.ts：

import {NgModule} from '@angular/core';
import {Ng2SmartTableModule} from 'ng2-smart-table';

import {ThemeModule} from '../../@theme/theme.module';
import {ProductsComponent} from './products.component';
import {ViewProductModalComponent} from "./view-product-modal/view-product-modal.component";

@NgModule({
  imports: [
    ThemeModule,
    Ng2SmartTableModule,
  ],
  declarations: [
    ProductsComponent,
    ViewProductModalComponent
  ],
  exports: [
    ViewProductModalComponent
  ]
  entryComponents: [
    ViewProductModalComponent
  ],
})
export class ProductsModule {

}

View-product-modal.component.ts

import {Component, OnInit} from '@angular/core';

@Component({
  selector: 'view-product-modal',
  template: `
    <p>
      view-product-modal works!
    </p>
  `,
  styleUrls: ['./view-product-modal.component.scss']
})
export class ViewProductModalComponent {

  constructor() {
  }

  ngOnInit() {
  }
}

我很困惑。我已经完成了其他组件的工作，并且效果很好。我不确定为什么这次能正常工作。

Answer 1

添加此

exports: [
   ViewProductModalComponent
],
entryComponents: [
   ViewProductModalComponent
]

Example

常量：找不到错误的组件工厂

1 个答案: