Could not resolve "primeng/resources/primeng.css"

[jbarber2016]

Describe the bug

After upgrading to Primeng 19, my styles.scss can no longer resolve the primeng css resources. When I run npm start on my angular 19.0.6 application it shows an error "Could not resolve "primeng/resources/primeng.css""

@import "primeng/resources/themes/lara-light-blue/theme.css"; @import "primeng/resources/primeng.css"; @import "primeicons/primeicons.css"; @import 'primeflex/primeflex.scss';

Pull Request Link

No response

Reason for not contributing a PR

• Lack of time
• Unsure how to implement the fix/feature
• Difficulty understanding the codebase
• Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/github-jrrmkeze

Environment

I am running this from visual studio code.

Angular version

19.0.5

PrimeNG version

v19

Node version

20.12.2

Browser(s)

No response

Steps to reproduce the behavior

1. create a new angular 19.0.6 application using scss
2. add primeng 19
3. add primeng to the styles.scss
4. npm start

Expected behavior

What is the proper way to resolve the css in styles.scss?

[MichiBaum]

Hi @jbarber2016

As of PrimeNG 18 forward, primeng/resources and theme.css are removed and replaced with a new architecture.
I suggest you looking into Guides -> Migration to V18 -> SASS Themes, Theming and Tailwindcss.
I hope I could help you.

[jbarber2016]

@MichiBaum Thank you very much. That's very helpful.