tailwindcss: [2.1] JIT mode break style with Next.js and webpack 5

What version of Tailwind CSS are you using?

2.1.1

What version of Node.js are you using?

12.21.0

What browser are you using?

Chrome

What operating system are you using?

Windows 10

Reproduction repository

https://www.youtube.com/watch?v=QH2-TGUlwu4

After migrating from @tailwind/jit package to the new tailwind 2.1.x version enabling the jit mode, my Next.js project style breaks if I enable the webpack 5 support; with webpack 4 works fine.

About this issue

Original URL
State: closed
Created 3 years ago
Reactions: 7
Comments: 19 (4 by maintainers)

Commits related to this issue

Everything was fine up until a few moments ago — committed to misobarisic/SafePaste by misobarisic 3 years ago

Most upvoted comments

Ugh I feel so dumb. My issue was caused when migrating from @tailwindcss/jit. I removed @tailwindcss/jit from the plugins section of postcss.config.js but never replaced it with tailwindcss 🤦. Everything is working now.

joneath on Apr 10, 2021

Since no reproduction has been provided here and it sounds like @valse has solved their particular issue, I’m going to close this, if only because it has attracted a lot of +1s but we still don’t have a reproduction.

Hopefully by closing it the next person who encounters it will open a new issue instead and include a reproduction 🤞

adamwathan on May 14, 2021