PrimeNg <component> ist kein bekannter Elementfehler (@ angular-2.0.0 & primeng-1.0.0-beta.16)

Question

Ich begann mit Angular 2 RC5 und PrimeNG 1.0.0-beta.13 beta. Ich lade PrimeNg-Komponenten als xModule und hat keine Probleme bei der Anzeige von Datentabelle, Eingabe, SelectItem, Buttons, Modals. Dieser Fehler tritt jedoch auf, wenn ich versuche, TabView oder Accordion zu verwenden.

Unhandle Versprechen Ablehnung: Template Fehler analysieren: 'p-accordionTab' ist kein bekanntes Element:

ich die TabViewModule im @NgModule importiert. Zurzeit habe ich meine App aktualisiert, um Angular 2.0.0 (final) und PrimeNg beta.16 (next) zu verwenden, aber immer noch die Fehler. Ich benutze Webpack, um Polyfills, Lieferanten- und App-Codes zu zerkleinern, und ich sehe Akkordeon und Tabview-Module in den webpack-generierten js-Dateien.

Ich bin mir nicht sicher, was ich vermisse. Lassen Sie mich wissen, wenn Sie weitere Informationen benötigen.

Vielen Dank im Voraus!

einige Auszüge:

app.module.ts

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

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

template.html (von PrimeNG docs geklebt)

<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

Das Problem ist primeng Notwendigkeit Animations-Paket also importiere ich BrowserAnimationsModule in appModule.

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