אנגולר + primeng

[משתמש מקצוען]

שלום רב,

אני משתמש מתחיל באנגולר,
ומנסה להוסיף רכיבים מPrimeNg.

אך לצערי - ללא הצלחה.

מה ניסיתי?
ביצעתי התקנה של PrimeNG באמצעות הפקודות הבאות:

npm install primeng primeicons

והוספתי לקובץ angular.json את הנתיבים:

"node_modules/primeng/resources/themes/saga-blue/theme.css",
"node_modules/primeng/resources/primeng.min.css",
"node_modules/primeicons/primeicons.css",

הוספתי לקובץ HTML של הקומפוננטה:

<p-button label="Submit" />

בקובץ TS של הקומפוננטה הוספתי בimports:

ButtonModule

וכמובן נוסף למעלה: :

import { ButtonModule } from 'primeng/button';

הוא כל הזמן מחזיר לי שגיאות בהרצה שחסר הקובץ primeng.min.css
האם יש בעיה בהתקנת הספרייה בנטפרי?
האם פיספסתי משהו אחר בדרך?

חשוב לצייין שבגרסאות החדשות של אנגולר אין קובץ מודול
והקומפוננטות הם עצמאיות,
והוספתי בקומפוננטה בקובץ הTS:

standalone: true,

אשמח לסיוע.

[dovid]

נסה להוריד מקובץ הangular.json את מה שהוספת, לא אמורים להוסיף שמה כלום.

[משתמש מקצוען]

@dovid הורדתי מקובץ angular.json
אבל הבעיה שהרכיבים הם ללא העיצוב של PrimeNg.

[dovid]

בappConfig אתה צריך להוסיף בproviders את זה:

providePrimeNG({ theme: {preset: Aura  } })

למעלה שני imports:

import { providePrimeNG } from 'primeng/config';
import Aura from '@primeng/themes/aura';

זה כתוב בהוראות ההתקנה הרשמיות:
https://primeng.org/installation

[משתמש מקצוען]

עובד מעולה, תודה ענקית!