Open tgroutars opened 1 year ago
Just ran into this issue in version 14.1.0
. Here's a minimal code sandbox that reproduces this error.
To recreate:
/board
.app/board/(..)sub/page.tsx
file.Error: Could not find the module "/workspaces/sandbox/app/board/Header.tsx#" in the React Client Manifest. This is probably a
bug in the React Server Components bundler.
at stringify (<anonymous>)
at AsyncLocalStorage.run (node:async_hooks:346:14)
Verify canary release
Provide environment information
Which area(s) of Next.js are affected? (leave empty if unsure)
App Router
Link to the code that reproduces this issue or a replay of the bug
https://github.com/tgroutars/next-repro
To Reproduce
Clone the reproduction repo and run
npm run dev
Open
/foo
Click the "BAR" link. This will be intercepted and open an aside
Modify
globals.css
. For example, change thegap
in.wrapper
from16px
to8px
You will get the following error
Describe the Bug
Next throws an error when modifying code while a route is intercepted in development.
This makes it very hard to work with intercepted route, since every time you make a change, you have to reload the page to get rid of the error. Reloading actually leads to the actual route and not the intercepted route, so you then have to go back and reopen the intercepted route
Expected Behavior
Hot relaoding should work with intercepted routes
Which browser are you using? (if relevant)
Chrome 115.0.5790.170
How are you deploying your application? (if relevant)
No response