Skip to content

Does not support v4.0.0-alpha.24 with tailwind.css config file #318

@aaronadamsCA

Description

@aaronadamsCA

What version of prettier-plugin-tailwindcss are you using?

v0.6.6

What version of Tailwind CSS are you using?

v4.0.0-alpha.24

What version of Node.js are you using?

v20.17.0

What package manager are you using?

pnpm

What operating system are you using?

Ubuntu

Reproduction URL

https://github.com/aaronadamsCA/prettier-plugin-tailwindcss-issue-270/tree/alpha-24-issue/my-app

Describe your issue

Starting with Tailwind v4.0.0-alpha.24 this plugin errors when given a tailwind.css config file.

$ pnpm exec prettier src/main.jsx 
src/main.jsx
[error] src/main.jsx: /workspaces/prettier-plugin-tailwindcss-issue-270/my-app/tailwind.css:1
[error] @import "tailwindcss";
[error] ^
[error] 
[error] SyntaxError: Invalid or unexpected token
[error]     at wrapSafe (node:internal/modules/cjs/loader:1378:20)
[error]     at Module._compile (node:internal/modules/cjs/loader:1428:41)
[error]     at Module._extensions..js (node:internal/modules/cjs/loader:1548:10)
[error]     at Module.load (node:internal/modules/cjs/loader:1288:32)
[error]     at Module._load (node:internal/modules/cjs/loader:1104:12)
[error]     at Module.require (node:internal/modules/cjs/loader:1311:19)
[error]     at require (node:internal/modules/helpers:179:18)
[error]     at Wr (file:///workspaces/prettier-plugin-tailwindcss-issue-270/node_modules/.pnpm/[email protected][email protected]/node_modules/prettier-plugin-tailwindcss/dist/index.mjs:156:14078)
[error]     at file:///workspaces/prettier-plugin-tailwindcss-issue-270/node_modules/.pnpm/[email protected][email protected]/node_modules/prettier-plugin-tailwindcss/dist/index.mjs:2353:3939
[error]     at pJ (file:///workspaces/prettier-plugin-tailwindcss-issue-270/node_modules/.pnpm/[email protected][email protected]/node_modules/prettier-plugin-tailwindcss/dist/index.mjs:2353:3944)

Easy to reproduce:

.prettierrc.json

{
  "plugins": ["prettier-plugin-tailwindcss"],
  "tailwindConfig": "./tailwind.css"
}

tailwind.css

@import "tailwindcss";

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