Для этого элемента найдено несколько компонентов - PullRequest
Новая
       4

Для этого элемента найдено несколько компонентов

1 голос
/ 10 марта 2020

Я пытаюсь использовать prime-ng's p-dialog с p-footer, но постоянно получаю сообщение об ошибке: 

More than one component matched on this element.
Make sure that only one component's selector can match a given element.
Conflicting components: Footer,Footer ("g header="Terminate" icon="pi pi-exclamation-triangle" [(visible)]="termBoolean">
    [ERROR ->]<p-footer></p-footer>
  </p-dialog>
</div>

html: 

<p-dialog header="Terminate" icon="pi pi-exclamation-triangle" [(visible)]="termBoolean">
    <p-footer></p-footer>
  </p-dialog>

Я считаю, это должно быть что-то с моим импортом / экспортом. У меня есть приложение thisApp.module.ts, где у меня есть импорт. Затем я импортирую этот модуль в свой app.module.ts.

Мое приложение thisApp.module.ts: 

import {
  ConfirmDialogModule, DialogModule
} from "primeng/primeng";

export const myImports = [
  ConfirmDialogModule
  DialogModule
];

@NgModule({
  declarations: [ComponentOne],
  imports: [
    myImports
  ],
  providers: []
})
export class MyModule { }

my app.module.ts: 

import { ConfirmDialogModule } from 'primeng/confirmdialog';
import { DialogModule } from 'primeng/dialog';

@NgModule({
    imports: [
      MyModule,
      ConfirmDialogModule,
      DialogModule
    ],
    declarations: [
      AppComponent
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule { }
...