Next.js Discord

Discord Forum

Hot Reload not working on dev enviroment

Answered
Brown bear posted this in #help-forum
Open in Discord
Brown bearOP
My code updates won't applied to development enviroment. I have to keep refresh my browser all the time. This started to happen after i installed NextJS 14.1. This wasn't happening while i was using previous versions.

NOTES:
- ws://localhost:3000/v2/_next/webpack-hmr this websocket request was pending for 4 minutes. Then i see this error:

WebSocket connection to 'ws://localhost:3000/v2/_next/webpack-hmr' failed: 
init @ websocket.js:77
connectHMR @ websocket.js:83
pageBootrap @ page-bootstrap.js:20
eval @ next-dev.js:25


- I am using basePath and assetPrefix as /v2
- My Node version is v18.17.1
- I am using pages directory

This is not blocking me but i definetly slows me down a bit. 😄
Answered by Brown bear
I found out that hmr is not working because of assetPrefix on my next.config.js file. After i remove that it worked.
View full answer

1 Reply

Brown bearOP
I found out that hmr is not working because of assetPrefix on my next.config.js file. After i remove that it worked.
Answer