PrimeNg <component> nie jest znanym błędem elementu (@ kąt-2.0.0 i primeng-1.0.0-beta.16)

Question

Zacząłem od wersji Angular 2 RC5 i PrimeNG 1.0.0-beta.13. Ładuję składniki PrimeNg jako xModules i nie ma problemów z wyświetlaniem tabeli danych, danych wejściowych, SelectItem, przycisków, modałów. Jednak pojawia się ten błąd, gdy próbuję użyć TabView lub Accordion.

Nieobsłużone Promesa odrzucenie Template błędów analizy: 'p-accordionTab' nie jest znany elementem:

zaimportowałem TabViewModule w @NgModule. Obecnie zaktualizowałem swoją aplikację, aby używać Angulara 2.0.0 (wersja ostateczna) i PrimeNg beta.16 (najnowsza), ale nadal mam błędy. Używam webpacka do dzielenia polyfill, kodów dostawców i aplikacji i widzę moduły akordeonu i tabview w plikach js generowanych przez pakiet sieci Web.

Nie jestem pewien, czego mi brakuje. Daj mi znać, jeśli potrzebujesz więcej informacji.

Z góry dziękuję!

Niektóre fragmenty:

app.module.ts

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

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

template.html (wklejony z Dokumenty 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> 

Answer 1

Problemem jest primeng potrzeby opakowanie animacja więc po prostu zaimportuję BrowserAnimationsModule w appModule.

npm instalują 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" 
     ],