Skip to content

Astro client: directive will cause tailwindcss to be invalid #15794

@ckvv

Description

@ckvv

related withastro/astro#13055

Astro Info

Astro                    v5.1.9
Node                     v22.11.0
System                   macOS (x64)
Package Manager          pnpm
Output                   static
Adapter                  none
Integrations             @astrojs/vue

If this issue only occurs in one browser, which browser is a problem?

Chrome

Describe the Bug

What version of Tailwind CSS are you using?

4.0

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

astro

What version of Node.js are you using?

For example: v22

Reproduction URL

https://github.com/ckvv/astro-tailwindcss

Describe your issue

client: directive will cause tailwindcss to be invalid, The policy of the dev module is that CSS is not bundled after build.

What's the expected result?

use tailwindcss v4 in astro

Link to Minimal Reproducible Example

https://github.com/ckvv/astro-tailwindcss

Participation

  • I am willing to submit a pull request for this issue.

Metadata

Metadata

Labels

upstreamIssues that need to be fixed in upstream providers (e.g. lightningcss, vite, `@parcel/watcher`).v4vite

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions