Styles are not being loaded in browser although they are visible in chrome inspector
Got first bigger problem. Im using local based project. Istalled Laravel, filament, added some very simple form. Im backend developer so I did not configuired any special filament settings, im using just Filament defaults. Was developing project under just http://localhost domain. Today, I've changes host into http://xxx.yyy.localhost (still served from my localhost via docker containers; im not using connection over ssl). And at this point styles from my filament panel are gone. Screenshot from chrome is attached. Besides that evrrything works ok (panel is loading, it allow me to login, browse resources etc)
I've tried to run all artisan commands which are cleaning cache/configs/everything and nothing helped. Interesting and important is that all css/js files seems to be loaded correctly and visible in chrome inspector (screenshots).
Any ideas/suggestions how I can fix that problem ?
5 Replies
What is your APP_URL set to?
Does the Stylesheet contain all/most of the required classes?
its correct:
Are you running npm dev in host or container?
yes, they should be applied
well, looks like im not using npm dev/ i was following filament documentation i dont remember any mention of npm usage, i did not use it intentionally too 🙂 anyway, before changing hostname all styles were loaded correctly
explaining even wider. in chrome inspector i see that css file is loaded. i can see some clases defined. in loaded page (css are not applied) i can see usage of these clasess. long story short - looks like css should be applied to the page.