Skip to content

V4 Alpha 27/28 - --watch command does not work on the input css file (config file) #14726

Closed
@pinzonjulian

Description

@pinzonjulian

What version of Tailwind CSS are you using?

v4.0.0.alpha28 (also tried on alpha27)

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

Tailwind CLI executable only.

What version of Node.js are you using?

None. I'm using the Standalone CLI

What browser are you using?

Not relevant

What operating system are you using?

macOS Sonoma 14.6.1

Reproduction URL

Uploading the whole executable to a Git repo doesn't make much sense but here are the instructions to reproduce the issue locally:

  1. Create a new directory for the test
  2. cd into that directory
  3. Download the version of the executable appropriate for your OS. Assuming your version is macos-arm64
  4. run chmod +x tailwindcss-macos-arm64
  5. run mv tailwindcss-macos-arm64 tailwindcss4alpha28. I've named the executable with the specific version to make it more explicit
  6. Create an empty input.css file
  7. Create an empty output.css file
  8. Add @import "tailwindcss"; to the input.css file
  9. Run ./tailwindcss4alpha28 --input input.css --output output.css --watch
  10. 🚨 Check the output.css file. Tailwind classes should be present but are not.
  11. Run ./tailwindcss4alpha28 --input input.css --output output.css. Note that this time it's not using the --watch flag
  12. ✅ Check the output.css file. Tailwind classes are present.

Describe your issue

We've been trying to make the Tailwind 4 alphas work in Rails but noticed that the watch command isn't working when using the Standalone CLI.

rails/tailwindcss-rails#419

After some debugging we realised that the problem is not coming from our Rails implementation but from the executable provided by Tailwind.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions