Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

@tailwindcss/vite@alpha used in vite vue, :deep() selector can not use in build mode, dev mode is ok #14839

Closed
huchaomin opened this issue Oct 31, 2024 · 2 comments · Fixed by #14871
Assignees

Comments

@huchaomin
Copy link

What version of Tailwind CSS are you using?

@tailwindcss/vite 4.0.0-alpha.31

What build tool (or framework if it abstracts the build tool) are you using?

"vite": "^5.4.10" "vue": "^3.5.12" "@vitejs/plugin-vue": "^5.1.4",

What version of Node.js are you using?

20.18.0

What browser are you using?

Chrome

What operating system are you using?

Windows

Reproduction URL
it's an empty Vite/vue project.

:::bash
pnpm i
pnpm build
:::

Snipaste_2024-10-31_10-44-16

when i dont use @tailwindcss/vite in vite.config.ts, build again

Snipaste_2024-10-31_10-46-07

Snipaste_2024-10-31_10-44-16

:deep() selector works!!!!

need help, love Tailwind, thanks!

@philipp-spiess
Copy link
Member

Hey @huchaomin. Thanks a bunch for reporting this! We have pushed a fix for this which is going to be released as part of the next alpha release. Please let us know if you run into any more issues 🙂

@huchaomin
Copy link
Author

hey @philipp-spiess nice to see your replay,thankyou very much, i will try this in next alpha release,haha

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment