אנגולר + 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

משתמש מקצוען

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

תחומים - פורום חרדי מקצועי

אנגולר + primeng