Es kann keine PrimeNG UI-Komponente gerendert werden.

Question

Okay, ich versuche nur, PrimeNG UI-Komponenten für Angular 4 zu installieren, und ich kann es nicht schaffen.

Ich folge diesem offiziellen "PrimeNG setup", aber ich finde die Anweisungen sehr schlecht und irreführend.

I Angular-CLI v1.1.1 bin mit, Knoten v7.9.0

Schritt 1:

Ich erstelle ein neues Angular-CLI-Projekt mit

ng new test-primeNG 
cd test-primeNG 
npm install primeng --save 

ng serve: OK auf localhost: 4200

Schritt 2

Sie sagen import {AccordionModule} from 'primeng/primeng'; und import {MenuItem} from 'primeng/primeng';

Es wo nicht gesagt, aber ich nehme an, dies in app.module.ts geht.

Es ist auch nicht gesagt (sehr schlecht Dokumentation), aber ich nehme an, ich so etwas wie

imports: [ 
    BrowserModule, 
    AccordionModule 
    ], 

Compilation OK, ng serve noch OK

Schritt 3

Da ich zu tun haben, das accordion Modul importiert, versuche ich ein Akkordeon zu erstellen. Keine Notwendigkeit für CSS für jetzt, ich versuche nur keine Fehler in der Konsole zu bekommen.

<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> 

ich bereits eine sh * tload von Fehlern in der Konsole, beginnend mit:

Fehler

Vorlage analysieren: 'p-accordionTab' kein bekanntes Element ist: 1. Wenn ‚p -accordionTab 'ist eine Angular-Komponente, dann vergewissern Sie sich, dass es Teil dieses Moduls ist. 2. Wenn 'p-accordionTab' eine Web-Komponente ist, fügen Sie 'CUSTOM_ELEMENTS_SCHEMA' den '@ NgModule.schemas' dieser Komponente hinzu, um diese Nachricht zu unterdrücken.

Dann werden die Dokumentation spricht über einige Angular 4 Animation Zeug (?) Und fügen Sie import {BrowserModule} from '@angular/platform-browser';, die bereits von Angular-CLI in app.module.ts erzeugt wird, so habe ich keine Ahnung, warum dies hier ist.

Fazit: Nachdem ich den ganzen Morgen gekämpft habe, habe ich immer noch keine Ahnung, wie man eine PrimeNG-Komponente rendert.

Answer 1

Ich glaube, du verpasst die SharedModule:

(? Ich es brauchte DataTableModule zu verwenden, vielleicht ist es nicht für Akkordeon benötigt und das ist nur eine andere Frage)

import {AccordionModule, SharedModule} from 'primeng/primeng'; 
... 
imports: [ 
    ... 
    AccordionModule, 
    SharedModule, 
    ... 
]