Formatting Gone after Upgrade

I just upgrade from v3 to v4. Everything functions correctly, but css/formatting is gone/broken. E.g., when I change over to dark mode in form view, all the field text is white on white E.g., I have a resource form with tabs; the tab words show up, but there is no "tab", i.e., you can see the tab . (see graphic). I am sure the css of default theme is not working correctly. I have tried clearing cache, etc, but I am lost as to how to fix this problem.
No description
Solution:
I gave up and created a new laravel/filament app and copied all my code/resources over to the new site. UGH! It is working now, though
Jump to solution
12 Replies
Dennis Koch
Dennis Koch3w ago
Did you publish view files? This is standard panel?
Keith S
Keith SOP3w ago
Yes, it is a standard admin panel. How do you publish filament view files? I have done php artisan view:clear, php artisan filament:clear-cached-components, php artisan filament:optimize-clear. (npm run build runs with no errors. There are no 404's in the network tab) Do I need to specifically install Tailwind 4? Docs say you don't need to unless you have custom use, which I don't. It appears I have tailwind 3.4.16 install. Should I upgrade it?
Dennis Koch
Dennis Koch3w ago
No TW4 and npm run build needed unless you created a theme. Can you share: php artisan about --only=filament
Keith S
Keith SOP3w ago
Filament .........................................................................................................................................
Blade Icons ........................................................................................................................... NOT CACHED Packages ................................................... filament, forms, notifications, support, tables, actions, infolists, schemas, widgets Panel Components ...................................................................................................................... NOT CACHED Version .................................................................................................................................. v4.0.16 Views ........................................................................................................................ PUBLISHED: filament
Dennis Koch
Dennis Koch3w ago
See the last line. You published view files. That's why your app is broken after the update. Check the resources/views/vendor/filament folder
Keith S
Keith SOP3w ago
Thank you for your patience. I cleared that folder and still getting the same view. cleared that folder, ran php artisan optimize:clear Filament .........................................................................................................................................
Blade Icons ........................................................................................................................... NOT CACHED Packages ................................................... filament, forms, notifications, support, tables, actions, infolists, schemas, widgets Panel Components ...................................................................................................................... NOT CACHED Version .................................................................................................................................. v4.0.16 Views .............................................................................................................................. NOT PUBLISHED
Dennis Koch
Dennis Koch3w ago
Did you run php artisan filament:upgrade?
Keith S
Keith SOP3w ago
Yes.
Dennis Koch
Dennis Koch3w ago
Maybe check whether some plugins interfere.
Keith S
Keith SOP3w ago
I don't have any plugins that I know of. Here is my composer require:
"require": {
"php": "^8.2",
"filament/filament": "~4.0",
"laravel-lang/lang": "^15",
"laravel/framework": "^11.31",
"laravel/tinker": "^2.9",
"league/flysystem-aws-s3-v3": "^3.29",
"livewire/livewire": "^3.4",
"livewire/volt": "^1.0",
"spatie/laravel-ray": "^1.39"
},
"require": {
"php": "^8.2",
"filament/filament": "~4.0",
"laravel-lang/lang": "^15",
"laravel/framework": "^11.31",
"laravel/tinker": "^2.9",
"league/flysystem-aws-s3-v3": "^3.29",
"livewire/livewire": "^3.4",
"livewire/volt": "^1.0",
"spatie/laravel-ray": "^1.39"
},
`
Dennis Koch
Dennis Koch3w ago
Hm. Really weird.
Solution
Keith S
Keith S3w ago
I gave up and created a new laravel/filament app and copied all my code/resources over to the new site. UGH! It is working now, though

Did you find this page helpful?