Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Tailwind JIT does not recompile
See original GitHub issueWhat version of Next.js are you using?
12.0.5
What version of Node.js are you using?
16.13.0 but it happens on all versions
What browser are you using?
Chrome
What operating system are you using?
macOS
How are you deploying your application?
Vercel
Describe the Bug
When using JIT mode in TailwindCSS styles are not regenerated.
Expected Behavior
Styles are regenerated when editing pages / components.
To Reproduce
I’ve added a failing test in #32130 which shows the issue. It only seems to happen when running the code in isolated outside of the repository. You can run yarn testheadless test/development/basic/tailwind-jit.test.ts to run the test.
Issue Analytics
- State:
- Created 2 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Just-in-Time Mode - Tailwind CSS
If your CSS seems to be rebuilding in an infinite loop, there's a good chance it's because your build tool doesn't support PostCSS's...
Read more >Tailwindcss nextjs JIT mode compile error - Stack Overflow
I solved it, for anyone who has the same problem. first i had to uninstall @tailwindcss/jit dependency, as it is included in tailwind...
Read more >How to enable Tailwind JIT compilation mode in your Angular ...
Before Tailwind came up with the JIT compiler, the compiling takes a lot of time. If you have a lot of variants configured...
Read more >Using the JIT compiler in Tailwind CSS - Marty Friedel
Tailwind CSS's new JIT (Just In Time) compiler mode gives you the best of both worlds: the awesomesauce of Tailwind CSS for development, ......
Read more >Master Tailwind CSS With Its Just-in-Time (JIT) Mode - Kinsta
Tailwind CSS is a utility-first CSS framework with a set of predefined CSS classes that can be applied directly in our markup to...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
This is fixed in 12.0.7 by downgrading webpack, keeping it open to investigate and fix webpack 👍
i have always thought this was a tailwindcss issue. glad it would be looked into
Temporary fix for me is saving the Tailwindcss config file and then the styles get recompiled or closing and reopening next run dev