Filament styles not loading on Livewire component with HasForms
I'm currently upgrading my filament version from v2 to v4 and livewire from v2 to v3. Most of the issues have been solved but on my custom livewire components the filament styling is not loaded in. I've added both "@filamentStyles" and "@filamentScripts" to the head of the page but both don't seem to work. As an example the class fi-grid doesn't have the css: "display: grid". What could cause this and how can i properly load in the filament styles into my livewire component? There are no error messages in my console or laravel log.
Solution:Jump to solution
I am guessing you haven't include the assets to your custom frontend properly. v4 migrates tailwind to v4 and as such moves css includes form the js to the css file
3 Replies
Solution
I am guessing you haven't include the assets to your custom frontend properly. v4 migrates tailwind to v4 and as such moves css includes form the js to the css file
Check the network tab in your dev tools. Are the Filament assets loaded? Does the content look legit?
Thank you very much. This has fixed my issue.