Hot reload is not working

[kwarnkham]

What happened?

Hot reload is not working in the latest quasar version.

What did you expect to happen?

To have hot reload working.
Changing the text "Quasar App" from MainLayout.vue should take effect without needing to manually refresh the browser.

Reproduction URL

https://github.com/kwarnkham/quasar-project

How to reproduce?

https://github.com/kwarnkham/quasar-project

To reproduce

1. Clone the repo
2. Install dependencies
3. npm run dev
4. Changte "Quasar App" from MainLayout.vue to check if hot reload is working

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

SPA Mode

Platforms/Browsers

Chrome

Quasar info output

Operating System - Darwin(24.6.0) - darwin/arm64
NodeJs - 22.19.0

Global packages
  NPM - 10.9.3
  yarn - 1.22.22
  pnpm - Not installed
  bun - Not installed
  @quasar/cli - 2.5.0
  @quasar/icongenie - 3.1.1
  cordova - 12.0.0 (cordova-lib@12.0.1)

Important local packages
  quasar - 2.18.2 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 2.4.0 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.17.0 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.5.21 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.5.1
  pinia - 3.0.3 -- Intuitive, type safe and flexible Store for Vue
  vite - 7.1.5 -- Native-ESM powered web dev build tool
  vite-plugin-checker - Not installed
  eslint - 9.35.0 -- An AST-based pattern checker for JavaScript.
  esbuild - 0.25.9 -- An extremely fast JavaScript and CSS bundler and minifier.
  typescript - Not installed
  workbox-build - Not installed
  register-service-worker - Not installed
  electron - Not installed
  @electron/packager - Not installed
  electron-builder - Not installed
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  *None installed*

Networking
  Host - Moons-MacBook-Pro.local
  en0 - 192.168.1.40

Relevant log output

Additional context

No response

[kwarnkham]

The problem doesn't happen in my older quasar project.

Operating System - Darwin(24.6.0) - darwin/arm64
NodeJs - 22.19.0

Global packages
NPM - 10.9.3
yarn - 1.22.22
pnpm - Not installed
bun - Not installed
@quasar/cli - 2.5.0
@quasar/icongenie - 3.1.1
cordova - 12.0.0 (cordova-lib@12.0.1)

Important local packages
quasar - 2.18.1 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
@quasar/app-vite - 2.2.0 -- Quasar Framework App CLI with Vite
@quasar/extras - 1.17.0 -- Quasar Framework fonts, icons and animations
eslint-plugin-quasar - Not installed
vue - 3.5.13 -- The progressive JavaScript framework for building modern web UI.
vue-router - 4.5.0
pinia - 2.3.0 -- Intuitive, type safe and flexible Store for Vue
vite - 6.3.5 -- Native-ESM powered web dev build tool
vite-plugin-checker - Not installed
eslint - 9.17.0 -- An AST-based pattern checker for JavaScript.
esbuild - 0.25.4 -- An extremely fast JavaScript and CSS bundler and minifier.
typescript - Not installed
workbox-build - Not installed
register-service-worker - Not installed
electron - Not installed
@electron/packager - Not installed
electron-builder - Not installed
@capacitor/core - Not installed
@capacitor/cli - Not installed
@capacitor/android - Not installed
@capacitor/ios - Not installed

Quasar App Extensions
None installed

Networking
Host - Moons-MacBook-Pro.local
en0 - 192.168.1.40

[rstoenescu]

Hi,

Can confirm HMR is not working. But it's an issue with Vite or some of its dependencies.
Just discovered that a fresh install of dependencies in a previously working Quasar project has HMR not working now.

[rstoenescu]

Duplicate of #18120