nuxt: Hot Reload doesn't work

Environment

Operating System: Darwin
Node Version: v16.13.0
Nuxt Version: 3.0.0-27255771.f78ec93
Package Manager: Yarn
Bundler: Vite
User Config: buildModules, build
Runtime Modules: -
Build Modules: @pinia/nuxt@0.1.0

Describe the bug

https://user-images.githubusercontent.com/38668796/139138186-7cd201f5-ab03-4a38-93bc-46ebe6cdc2d8.mp4

Reproduction

https://github.com/productdevbook/nuxt3-app

Additional context

This seems to me to be in vite. because when I translate css, it fixes the project. There seems to be a problem with compiling Sass. but we’re not entirely sure

Logs

✔ Vite server built in 111ms
(node:15424) ExperimentalWarning: stream/web is an experimental feature. This feature could change at any time
(Use `node --trace-warnings ...` to show where the warning was created)

About this issue

Original URL
State: closed
Created 3 years ago
Reactions: 6
Comments: 16 (3 by maintainers)

Most upvoted comments

none of the solutions seems to work for me, any other ideas?

+18

RodrigoReyes-vw on Aug 11, 2022

Not sure if this is the same problem that I had, but adding:

vite: {
  server: {
    watch: {
      usePolling: true
    }
  }
}

to nuxt.config fixed my HMR issue.

+18

crotanite on Oct 28, 2021

I encounter the same issue in Nuxt2 and have fixed via this solution.

https://en.ahmetonursolmaz.com.tr/nuxt-hot-reload-isnt-working/

ahmetonurslmz on Feb 20, 2023

I had the same problem but, doing nothing to fix… I discover it works only at Network: http://172.21.21.166:3000/ and not at Local: http://localhost:3000/

FabioDavi on Jul 6, 2022

I encounter the same issue in Nuxt2 and have fixed via this solution.

https://en.ahmetonursolmaz.com.tr/nuxt-hot-reload-isnt-working/

Thanks @ahmetonurslmz, this worked for me in Nuxt 2.15.8

chaitanyaQz on Mar 14, 2023