CSS Load Problems
Hi, I have moved my local project to a VM with a Caddy web server. The correct domain with https etc is stored in the Env file. However, I have the problem that the CSS content is not displayed via domain. I have already tried to build the css files via yarn build, but this does not help either. however, when I start the DEV server locally, the styling loads all at once.


5 Replies
Sounds like a configuration issue more than anything.
Filament users the .env? So looks like a proxy issue with caddy
It tries to load via Vite, but Vite is not running (
npm run dev
)
Ah, is this production? Then it seems like you committed the Vite fileI have tried to run it via Prod. but no difference. I pushed the whole thing from the local environment to the host for testing. However, when I run the devserver from vite on the host nothing happens. But when I start the devserver on my PC the CSS is available. (i.e. on the webhost)
However, when I run the devserver from vite on the host nothing happensYou shouldn't/can't run the Vite dev process from a production server. It needs to bind to a port
Had only tried it because according to the browser console [::1] is accessed to load the CSS... (the whole thing is the dev environment anyway so not critical)