Skip to content

Compilation issues of DaisyUI with the latest versions of tailwindcss and @tailwindcss/vite packages

Notifications You must be signed in to change notification settings

serhii-chernenko/daisyui-issue

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Issue explanation of DaisyUI missed styles

Prerequisites

  • Bun: 1.2.9 (latest)
  • Also tested with Node 20.
  • daisyui: 5.0.18
  • tailwindcss: 4.1.3
  • @tailwindcss/vite: 4.1.3

Preview links

Steps to reproduce

Clone repo and install packages

git clone [email protected]:serhii-chernenko/daisyui-issue.git
bun install

Verify the installed versions related to tailwind

bun pm ls --all | grep tailwindcss
├── ...
├── @tailwindcss/[email protected]
├── [email protected]

Run a single Nuxt 3 application

cd src/layers/ui
bun run dev

Open http://localhost:3000

Expected result (buttons do nothing, it's just UI): image

Deployed version is available here: https://daisyui-issue-ui-playground.pages.dev

Run the end application in Nuxt 3 Layers architecture

cd ../../../
bun run build:app # it's necessary to generate the `wrangler.json` file
bun run dev:app

Open http://localhost:3000

Expected result (DaisyUI styles completely broken but Tailwind's styles work as expected): image

Deployed version is available here: https://daisyui-issue.pages.dev

Downgrade tailwindcss and @tailwindcss/vite to 4.0.3

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]

Run the end application in Nuxt 3 Layers architecture again

bun run build:app # it's necessary to generate the `wrangler.json` file
bun run dev:app

Open http://localhost:3000

Expected result (DaisyUI styles work as expected): image

Deployed version is available here: https://preview.daisyui-issue.pages.dev

About

Compilation issues of DaisyUI with the latest versions of tailwindcss and @tailwindcss/vite packages

Topics

Resources

Stars

Watchers

Forks