how to add primevue css files to JHipster Project

[emre5444]

I am trying to add primevue to my jhister with vue.js application. And I am following these steps.

1- run these comments

Code: Select all

    npm install primevue --save
    npm install primeicons --save

2- add them to my vendor.scss

Code: Select all

    @import '~primevue/resources/primevue.min.css';
    @import '~primevue/resources/themes/nova-light/theme.css';
    @import '~primeicons/primeicons.css';

3- when I run npm start command. I am getting these error.

ERROR in ./src/main/webapp/content/scss/vendor.scss (./node_modules/css-loader/dist/cjs.js??ref--9-1!./node_modules/postcss-loader/src??ref--9-2!./
node_modules/sass-loader/lib/loader.js??ref--9-3!./src/main/webapp/content/scss/vendor.scss)
Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: Failed to find 'node_modules/primevue/resources/primevue.min.css'
in [
C:\work\workspace\aymer workspace\fiyatkolay\fiyatkolayweb\src\main\webapp\content\scss
]
at resolveModule.catch.catch (C:\work\workspace\aymer workspace\fiyatkolay\fiyatkolayweb\node_modules\postcss-import\lib\resolve-id.js:35:13)
@ ./src/main/webapp/content/scss/vendor.scss 4:14-231 14:3-18:5 15:22-239
@ ./src/main/webapp/app/main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 ./src/main/webapp/app/main.ts

how can I integrate primevue with my jhipster app.
Thank you for your help!!!

[cagatay.civici]

I don't have much jHipster project experience, sorry. Have you posted it to their forum?