Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

postcss configuration in package.json is not respected in Turbopack #62805

Closed
BB-19 opened this issue Mar 4, 2024 · 4 comments
Closed

postcss configuration in package.json is not respected in Turbopack #62805

BB-19 opened this issue Mar 4, 2024 · 4 comments
Labels
bug Issue was opened via the bug report template. linear: turbopack Confirmed issue that is tracked by the Turbopack team. locked Turbopack Related to Turbopack with Next.js.

Comments

@BB-19
Copy link

BB-19 commented Mar 4, 2024

Link to the code that reproduces this issue

https://codesandbox.io/p/devbox/turbopack-tw-bug-933t2x

To Reproduce

  1. Start apps/web with npm run dev to see tailwind working fine without Turbopack.
  2. Start apps/web with npm run dev-turbo to see missing styles when running with Turbopack.

Current vs. Expected behavior

Current

Tailwindcss seems to be broken in this monorepo setup when using Turbopack. No error messages are displayed but the styles are missing. Without the --turbo flag, this setup works just fine.

Expected

Tailwindcss should work fine in this monorepo when using Turbopack.

Provide environment information

Operating System:
  Platform: linux
  Arch: x64
  Version: #1 SMP PREEMPT_DYNAMIC Sun Aug  6 20:05:33 UTC 2023
  Available memory (MB): 4102
  Available CPU cores: 2
Binaries:
  Node: 20.9.0
  npm: 9.8.1
  Yarn: 1.22.19
  pnpm: 8.10.2
Relevant Packages:
  next: 14.1.2-canary.3 // Latest available version is detected (14.1.2-canary.3).
  eslint-config-next: 14.1.1
  react: 18.2.0
  react-dom: 18.2.0
  typescript: 5.3.3
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Turbopack (--turbo)

Which stage(s) are affected? (Select all that apply)

next dev (local)

Additional context

No response

PACK-2657

@BB-19 BB-19 added the bug Issue was opened via the bug report template. label Mar 4, 2024
@github-actions github-actions bot added the Turbopack Related to Turbopack with Next.js. label Mar 4, 2024
@ForsakenHarmony ForsakenHarmony added the linear: turbopack Confirmed issue that is tracked by the Turbopack team. label Mar 5, 2024
@ForsakenHarmony
Copy link
Contributor

There is a warning, but unfortunately it never gets shown to the user

The issue is that the postcss config is inside package.json which is currently not supported

@BB-19
Copy link
Author

BB-19 commented Mar 5, 2024

There is a warning, but unfortunately it never gets shown to the user

The issue is that the postcss config is inside package.json which is currently not supported

Ah that makes sense, forgot to test that. Unfortunately there is no way around it currently since the repo is ESM only and there still seems to be an issue with tailwind/postcss/nextjs, when using the postcss config outside of package.json. See #34448.

@timneutkens timneutkens changed the title Turbopack: Tailwindcss not working in monorepo postcss configuration in package.json is not respected in Turbopack May 7, 2024
@timneutkens
Copy link
Member

This has been fixed in #68679. Thanks for the report!

Copy link
Contributor

This closed issue has been automatically locked because it had no new activity for 2 weeks. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Oct 18, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
bug Issue was opened via the bug report template. linear: turbopack Confirmed issue that is tracked by the Turbopack team. locked Turbopack Related to Turbopack with Next.js.
Projects
None yet
Development

No branches or pull requests

3 participants