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)

[RodrigoReyes-vw]

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

[crotanite]

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.