Lovable
ui
Tailwind Config Changes Not Reflecting in Dev
Changes to tailwind.config.js don't appear in development. Need to restart dev server to see theme changes. New colors, spacing, or custom utilities don't apply.
Vite should watch tailwind.config.js but sometimes changes aren't detected. Manual server restart required.
Common Causes
- Dev server not watching tailwind.config.js
- PostCSS not recompiling after config change
- Vite build cache needs clearing
- Content path changes not triggering rebuild
- IDE not saving file or watching disabled
How to Fix It
Ensure vite.config.js watches config file:
export default {
server: {
watch: {
include: ['./tailwind.config.js']
}
}
}Clear cache and restart: `rm -rf node_modules/.vite && npm run dev`
Or manually hard refresh browser (Shift+F5).
Real developers can help you.
You don't need to be technical. Just describe what's wrong and a verified developer will handle the rest.
Get Help