Hot reload with SCSS not working

[melrefaie]

Environment

Nuxt project info:

• Operating System: Darwin
• Node Version: v14.18.1
• Nuxt Version: 3.0.0-27244105.2256b2b
• Package Manager: npm
• Bundler: Vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

Describe the bug

Hot reload with SCSS not working with the latest version, you need to refresh page to update its css.

Reproduction

You could try this issue here
https://stackblitz.com/edit/nuxt-starter-wmly2m?file=app.vue

1. npx nuxi init nuxt3-app
2. npm i -D sass
3. npm upgrade
4. try use scss , hot reload not working . only when you refresh page you see your styles updated

Additional context

No response

Logs

No response

[lukaszflorczak]

I have the same problem.
Nuxt Version: 3.0.0-27244261.c49f9ca.

[nachtfunke]

So I have the same problem. But it occurred all of a sudden. It used to work just fine up until about two days into the project when it just stopped working.

There is a client console output, saying that there was a css hot updated:, but the changes aren't appearing until reload. There is also sometimes an warning that just doesn't say absolutely anything, that started to appear:

 WARN  [worker] exited with code: 1                                                                                                                                                                 20:35:31

  at Worker.<anonymous> (node_modules/@nuxt/nitro/dist/index.mjs:1712:18)
  at Object.onceWrapper (node:events:510:26)
  at Worker.emit (node:events:402:35)
  at Worker.emit (node:domain:475:12)
  at Worker.[kOnExit] (node:internal/worker:278:10)
  at Worker.<computed>.onexit (node:internal/worker:198:20)

Have you maybe found a workaround in the meantime? @melrefaie

[melrefaie]

So I have the same problem. But it occurred all of a sudden. It used to work just fine up until about two days into the project when it just stopped working.

There is a client console output, saying that there was a css hot updated:, but the changes aren't appearing until reload. There is also sometimes an warning that just doesn't say absolutely anything, that started to appear:

 WARN  [worker] exited with code: 1                                                                                                                                                                 20:35:31

  at Worker.<anonymous> (node_modules/@nuxt/nitro/dist/index.mjs:1712:18)
  at Object.onceWrapper (node:events:510:26)
  at Worker.emit (node:events:402:35)
  at Worker.emit (node:domain:475:12)
  at Worker.[kOnExit] (node:internal/worker:278:10)
  at Worker.<computed>.onexit (node:internal/worker:198:20)

Have you maybe found a workaround in the meantime? @melrefaie

@nachtfunke Yes you can use older version until it fixed

Use this one

• Nuxt Version: 3.0.0-27242401.b3ff8ee

@antfu @pi0 I think this issue related to fix of #11990

[nachtfunke]

3-3.0.0-27242401.b3ff8ee

This one doesn't seem to exist. It prompts with a plethora of other versions when trying to install this one, but this specific one is not part of it.

Ignore that. I found the version. Thank you! That fixed my problem!

[antfu]

Fix on the way vitejs/vite#5422