Skip to content

Codegen stops working after installing the official prettier-plugin-tailwindcss pluginΒ #2994

@trajce

Description

@trajce

What is the location of your example repository?

https://github.com/Shopify/hydrogen

Which package or tool is having this issue?

Hydrogen

What version of that package or tool are you using?

v2025.5.0

What version of Remix are you using?

No response

Steps to Reproduce

Create a fresh hydrogen project npm create @shopify/hydrogen@latest with typescript & tailwind v4.

Then install the tailwind prettier plugin npm install -D prettier prettier-plugin-tailwindcss

Then run npm run dev and youll get the codegen error.
This issue appears after migrating to the Hydrogen v2025.5.0
The Hydrogen v2025.4.1 doesnt have that issue.

Expected Behavior

To build successfully and the tailwind formatter to work fine.

Actual Behavior

Codegen shows an error
Image

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions