Open snl4ch opened 1 week ago
Found out that the problem is that Turbopack uses Lightingcss, if you set experimental: { turbo: { useSwcCss: true } }
in the config to turn off it, then everything will show. So this problem is not related to turbopack and I will close this issue
That flag is legacy and will be removed in an upcoming patch release. We'll want to figure out why LightningCSS is causing problems for this case 🙂
Link to the code that reproduces this issue
https://codesandbox.io/p/devbox/turbopack-forked-plfd58
To Reproduce
Current vs. Expected behavior
Current (With Turbopack):
Expected (If using without Turbopack):
Provide environment information
Which area(s) are affected? (Select all that apply)
Turbopack
Which stage(s) are affected? (Select all that apply)
next dev (local)
Additional context
The problem is that Turbopack for example when using
@media screen and (max-width: 768px)
converts this to@media screen and (width <= 768px)
. Because of this, Chrome doesn't show media breakpoints.