- Bun:
1.2.9
(latest) - Also tested with Node
20
. daisyui
:5.0.18
tailwindcss
:4.1.3
@tailwindcss/vite
:4.1.3
- Correct styles with the Nuxt 3 single application: https://daisyui-issue-ui-playground.pages.dev
- Broken styles with the latest versions and Nuxt 3 layers architecture: https://daisyui-issue.pages.dev
- Fixed styles after downgrading packages such as
tailwindcss
and@tailwindcss/vite
to the version4.0.3
- Preview: https://preview.daisyui-issue.pages.dev
- PR: #1
git clone [email protected]:serhii-chernenko/daisyui-issue.git
bun install
bun pm ls --all | grep tailwindcss
├── ...
├── @tailwindcss/[email protected]
├── [email protected]
cd src/layers/ui
bun run dev
Expected result (buttons do nothing, it's just UI):
Deployed version is available here: https://daisyui-issue-ui-playground.pages.dev
cd ../../../
bun run build:app # it's necessary to generate the `wrangler.json` file
bun run dev:app
Expected result (DaisyUI styles completely broken but Tailwind's styles work as expected):
Deployed version is available here: https://daisyui-issue.pages.dev
Add to the root package.json
file the next content:
"overrides": {
"@tailwindcss/vite": "4.0.3",
"tailwindcss": "4.0.3"
}
Or just switch to the branch:
git checkout fix/downgraded-tailwind-and-tailwind-vite-versions
PR is available here: #1
Reinstall packages:
bun install
Verify packages again:
bun pm ls --all | grep tailwindcss
├── ...
├── @tailwindcss/[email protected]
├── [email protected]
bun run build:app # it's necessary to generate the `wrangler.json` file
bun run dev:app
Expected result (DaisyUI styles work as expected):
Deployed version is available here: https://preview.daisyui-issue.pages.dev