Trouble importing theme.css,min.css in primevue 4.3.3

[Eyramsko]

Hi everyone, please, can someone help me? In fact, I am using Vite 6.2.0 for my VueJS 3.5.13 project. I have installed PrimeVue 4.3.3 following the latest documentation guidelines using npm install primevue @primeuix/themes. But when I import theme.css from @primevue/themes/lara-light-indigo/theme.css and primevue.min.css from primevue/resources/primevue.min.css, I'm getting errors that the files are not installed. I uninstalled PrimeVue and installed it again using npm install primevue @primevue/themes, but the errors persist. I even deleted the node_modules folder and package-lock.json file, then reinstalled everything, but I'm still having trouble. I notice that when node module is installed, there is no ressources folder inside the primevue subfolder. I am not aware if there is a new way to make these importation please.I also tried updating dependencies, but nothing changed regarding the errors. Any help would be greatly appreciated! Thanks in advance.

[MrTONYCHAN]

Those paths belong to the older PrimeVue styling setup. PrimeVue 4 no longer ships primevue/resources/primevue.min.css, and the new @primeuix/themes package uses presets configured through the plugin rather than importing lara-light-indigo/theme.css.

For PrimeVue 4, configure a preset in your app entry:

import { createApp } from "vue";
import PrimeVue from "primevue/config";
import Aura from "@primeuix/themes/aura";
import App from "./App.vue";

const app = createApp(App);

app.use(PrimeVue, {
  theme: {
    preset: Aura,
  },
});

app.mount("#app");

Install matching current packages:

npm install primevue @primeuix/themes primeicons

If you use PrimeIcons, import only its stylesheet:

import "primeicons/primeicons.css";

There is therefore no missing resources directory to repair—the package layout changed. Remove the old primevue/resources/... and @primevue/themes/lara-light-indigo/theme.css imports.

If you specifically need the Lara appearance, use the PrimeVue 4 preset/export documented by the installed @primeuix/themes version, or create a preset with its theming API; do not mix PrimeVue 3 theme paths with PrimeVue 4 packages. Also ensure all PrimeVue-related packages resolve to compatible major versions with npm ls primevue @primeuix/themes.