hydrogen icon indicating copy to clipboard operation
hydrogen copied to clipboard

Codegen stops working after installing the official prettier-plugin-tailwindcss plugin

Open trajce opened this issue 6 months ago • 3 comments

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

trajce avatar Jun 19 '25 00:06 trajce