javascript - primeng visar inte kort

Jag är ny på Angular. Även om jag importerar kortmodulen kan kortet inte visas.

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {AccordionModule} from 'primeng/accordion'
import { AppComponent }   from './app.component';

import { ButtonModule } from 'primeng/button';
import { CardModule, } from 'primeng/card';

@NgModule({
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    CardModule,
    ButtonModule,
    AccordionModule
    ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})

export class AppModule { }

Jag använde de senaste versionerna men kan fortfarande inte hitta felet

<p-card header="Simple Card" [style]="{'width': '25rem', 'margin-bottom': '2em'}">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
      quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!</p>
</p-card>

Svar #1

Kom igång

Du har förmodligen inte lagt till CSS för PrimeNG.

Du kan kolla hur du kommer igång på den officiella webbplatsen.

Du borde förmodligen börja med avsnittet om 'Stilar' och lägga till detta i din angular.json:

"styles": [
    "node_modules/primeicons/primeicons.css",
    "node_modules/primeng/resources/themes/lara-light-blue/theme.css",
    "node_modules/primeng/resources/primeng.min.css",
    ...
]

Version

Se också till att använda rätt version, PrimeNG v15 (den senaste versionen) är avsedd för Angular 15. Om du arbetar med ett Angular 14-projekt, använd PrimeNG v14.*

Du kan få rätt dokumentation för den version du använder på den officiella webbplatsen genom att välja rätt version i det övre högra hörnet. (Tydligen fungerar detta för närvarande inte som förväntat, åtminstone för mig, vid tiden för detta skrivande.)

Exempel

Eftersom du sa att du vill använda den senaste versionen (15.2.0), här är en StackBlitz som använder Angular 15.

Och i denna andra StackBlitz kan du hitta ett exempel som använder en modulfil istället för fristående komponenter i Angular 14, enligt din kodblock i frågan.