UnoCSS not working properly in Next.js 15.4.5 with Turbopack mode
Author: stepover10Created Aug 8, 2025Updated Jul 10, 2026
UnoCSS version
66.4.1
Describe the bug
I'm experiencing an issue where UnoCSS doesn't update in real-time when using Next.js 15.4.5 with Turbopack enabled. Steps to reproduce:
Start development server with
next dev --turbopack
Create a component with UnoCSS classes:
<div className="text-15">Font Size Test</div>Change the class to a different value:
<div className="text-18">Font Size Test</div>The font size change doesn't reflect in the browser immediately
Expected behavior: The style changes should be applied in real-time during development.
Actual behavior: UnoCSS styles don't update automatically when classes are modified. Need to manually refresh or restart the dev server.
Reproduction
unocss: 66.4.1 next: 15.4.5
System Info
No response
Validations
- Read the Contributing Guidelines.
- Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
- The provided reproduction is a minimal reproducible example of the bug.
Source: unocss/unocss