PrimeNg <component> не является известной ошибкой элемента (@angular -2.0.0 и primeng-1.0.0-beta.16)

Я начал с Angular 2 RC5 и PrimeNG 1.0.0-beta.13 beta. Я загружаю компоненты PrimeNg как xModules и не испытываю проблем с отображением таблицы данных, ввода, SelectItem, кнопок, модалов. Тем не менее, я получаю эту ошибку, когда пытаюсь использовать TabView или Accordion.

Необработанное отклонение обещаний: ошибки анализа шаблона: "p-accordionTab" не является известным элементом:

Я импортировал TabViewModule в @NgModule. В настоящее время я обновил свое приложение, чтобы использовать Angular 2.0.0 (final) и PrimeNg beta.16 (последний), но все еще имея ошибки. Я использую webpack для кусков полипов, кодов поставщиков и приложений, и я вижу модули аккордеона и табуляции в файлах js, созданных в webpack.

Я не уверен, что мне не хватает. Дайте мне знать, если вам нужна дополнительная информация.

Спасибо заранее!

Некоторые фрагменты:

app.module.ts

import { 
ButtonModule, 
  DataTableModule, 
  DialogModule, 
  GrowlModule,  
  TabViewModule,
  AccordionModule }  from 'primeng/primeng';

@NgModule({
...
imports: [
DataTableModule, 
DialogModule, 
GrowlModule,  
TabViewModule,
AccordionModule
],
...
});

template.html(вставленный из документов PrimeNG)

<p-accordion>
<p-accordionTab header="Header 1">
   Content 1
</p-accordionTab>
<p-accordionTab header="Header 2">
    Content 2
</p-accordionTab>
<p-accordionTab header="Header 3">
    Content 3    
</p-accordionTab>

Ответы

Ответ 1

Проблема заключается в пакете анимации, требующем primeng, поэтому я просто импортирую BrowserAnimationsModule в appModule.

npm install primeng

npm install primeng --save

app.module.ts

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {AccordionModule} from 'primeng/primeng';

@NgModule({
    imports: [
        AccordionModule,
        BrowserAnimationsModule
    ],
})

app.component.html

<p-accordion>
    <p-accordionTab header="Header 1">
       Content 1
    </p-accordionTab>
    <p-accordionTab header="Header 2">
        Content 2
    </p-accordionTab>
    <p-accordionTab header="Header 3">
        Content 3    
    </p-accordionTab>
</p-accordion>

.angular-cli.json

"styles": [
        "../node_modules/primeng/resources/themes/omega/theme.css",
        "../node_modules/primeng/resources/primeng.min.css"
      ],