web-dev-qa-db-fra.com

PrimeNg <component> n'est pas une erreur d'élément connue (@ angular-2.0.0 & primeng-1.0.0-beta.16)

J'ai commencé avec Angular 2 RC5 et PrimeNG 1.0.0-beta.13 beta. Je charge les composants PrimeNg en tant que xModules et n'a aucun problème à afficher le tableau de données, l'entrée, SelectItem, les boutons, les modaux. Cependant, j'obtiens cette erreur lorsque j'essaie d'utiliser TabView ou Accordion.

Rejet de promesse non géré: erreurs d'analyse de modèle: 'p-accordionTab' n'est pas un élément connu:

J'ai importé le TabViewModule dans le @NgModule. Actuellement, j'ai mis à jour mon application pour utiliser Angular 2.0.0 (final) et PrimeNg beta.16 (dernière) mais j'ai toujours des erreurs. J'utilise webpack pour fragmenter les polyfills, le fournisseur et l'application et je vois des modules d'accordéon et de tabulation dans les fichiers js générés par le webpack.

Je ne suis pas sûr de ce qui me manque. Tenez-moi au courant si vous avez besoin de plus d'informations.

Merci d'avance!

Quelques extraits:

app.module.ts

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

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

template.html (collé à partir des documents 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>
angularprimeng
18
user6850401

Le problème est que le package d'animation a besoin de primeng, donc je viens d'importer BrowserAnimationsModule dans 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"
      ],
2
Chandru