Open felipe-linares opened 6 months ago
I am experiencing this same issue around the same time that you just opened this issue. It's weird as all my CSS was working perfectly before, but now it seems like one whole section of my application doesn't work, it's weird.
I'm running in to this issue as well. New tailwind classes only show up after force restarting next dev
Using next dev --turbo
seems to work. I'm on 14.2.3
.
Seeing this as well with components in intercepted routes like src/app/(app)/feed/@modal/(..)profile/[username]/post/[slug]/PostDialog.tsx
. Closing the modal (the intercepted route), reloading the page, and re-opening the modal will show the proper CSS.
Using Turbo is not an option for me, as I have some dependencies that apparently are incompatible with --turbo
.
Operating System:
Platform: darwin
Arch: arm64
Version: Darwin Kernel Version 23.4.0: Fri Mar 15 00:10:42 PDT 2024; root:xnu-10063.101.17~1/RELEASE_ARM64_T6000
Available memory (MB): 65536
Available CPU cores: 10
Binaries:
Node: 20.14.0
npm: 10.7.0
Yarn: 1.22.19
pnpm: 9.4.0
Relevant Packages:
next: 14.2.4 // Latest available version is detected (14.2.4).
eslint-config-next: 14.2.4
react: 18.3.1
react-dom: 18.3.1
typescript: 5.5.2
Next.js Config:
output: N/A
Same issue, using turbo does work for me but it's not ideal that something so fundamental should be broken
On next 15 RC.0 I managed to make it work with next dev, but not with next dev --turbo.
--turbo
isn't working for me.
I'm onWSL2 which seems to be the cause of the problem,
i found a solution here
for those who are still searching
Same issue with Next 15 RC.0
Without turbopack HMR works for one or two changes then it stops working. The page is still reloaded but the changes are not included. I have to keep restarting the server. With turbopack it's fine.
Same on Next 15 RC.0.
Works fine with "next dev"; however, with the "next dev --turbo", the HMR works only with the main global.css. The changes from other imported CSS files are not applied.
Edit by maintainer bot: Comment was automatically minimized because it was considered unhelpful. (If you think this was by mistake, let us know). Please only comment if it adds context to the issue. If you want to express that you have the same problem, use the upvote 👍 on the issue description or subscribe to the issue for updates. Thanks!
No update for this? I've updated to Next 15 which has broke Turbopack, tried reverting to Webpack but still getting this issue
HMR does reload the styles, but the classes haven't been generated by Tailwind
Link to the code that reproduces this issue
https://github.com/krishnerkar/next-intercepting-routes-demo
To Reproduce
/app/@modal/(..)product
to/app/@modal/(.)product
or/app/@modal/(...)product
(have to fix path on Next 14)w-full
toProductDialogDescription
inapp/@modal/(...)product/[id]/page.tsx
w-2/12
or anything else and notice it won't hot reload the proper width.Current vs. Expected behavior
I expected the new CSS class to be applied on hot reload, like it did in NextJS 13. However, the class seems to not be loaded and therefore not applied.
Provide environment information
Which area(s) are affected? (Select all that apply)
Developer Experience
Which stage(s) are affected? (Select all that apply)
next dev (local)
Additional context
No response