Cannot import slimSelect css in app.css with vite

[kolydart]

In a laravel 10 / livewire-powergrid 4.4 installation, I am trying to enable slimSelect.

I have followed the instructions, but when I run npm run dev, I get the error Unable to resolve @import "~slim-select/dist/slimselect.css" from /resources/css .

There is something wrong with adding @import "~slim-select/dist/slimselect.css"; in resources/css/app.css but I cant' tell what.

This is a diff patch of the changes from a working installation:
diff.patch

Any help would be greatly appreciated.

[lukasx102]

I have some problem with TOMselect and vite
can not import to CSS
@import "~tom-select/dist/scss/tom-select.bootstrap5";
1.issue can not resolve file tom-select.bootstrap5" so I added .scss to load it
@import "~tom-select/dist/scss/tom-select.bootstrap5.scss";
2. issue
[vite] Internal server error: [postcss] ENOENT: no such file or directory, stat '/var/www/html/~tom-select/dist/scss/tom-select.bootstrap5.scss'
Plugin: vite:css
File: /var/www/html/resources/css/app.css

What am I doing wrong?

thanks

[kolydart]

In powergrid-demo app.css file, I notice that the import is formed like @import "./../../node_modules/slim-select/dist/slimselect.css".
I used this notation and npm run build completed successfully.
So, I guess case is closed.