Vue 3.5.21 breaks HMR when used along with vite-plugin-checker

[LeandroMoura3]

What happened?

I created a new Quasar project from scratch using the command npm init quasar@latest.

I selected:
App with Quasar CLI, let's go!
TypeScript
Quasar App CLI with Vite
Composition API with <script setup>
Sass with SCSS syntax
All available feature options
Added code formatting
Ran npm install

After that, I ran npm run dev.

I went to the initial file, added class="bg-red" to one of the files, saved it, and the hot reload didn't work.

I repeated the same procedure, just switching to webpack, and it worked.

node --version
v22.19.0

npm --version
11.5.2

I'm on Windows. This bug happens in macOS too.

What did you expect to happen?

Vite hot reloading working.

Reproduction URL

https://stackblitz.com/edit/quasarframework-stackblitz-templates-gemxzymg?file=src%2Fpages%2FIndexPage.vue&title=Quasar%20Framework%20-%20app-webpack%20v4

How to reproduce?

Create a project and follow instruction of the descrption. Then try to hot reaload.

Example:
In a new quasar project, add a class in some .vue file, like IndexPage.vue

Then save. Hot realoding not works.

After manually realod page:

But in webpack:

Then the screen becomes green without I need to manually refresh the page.

Flavour

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

Areas

Quasar CLI Commands/Configuration (@quasar/cli | @quasar/app-webpack | @quasar/app-vite)

Platforms/Browsers

No response

Quasar info output

Relevant log output

Additional context

No response

[LeandroMoura3]

One more thing:
I try to use vite in stackblitz and not work too...

[LeandroMoura3]

New infos:
npm install -g @quasar/cli@2.4.1
npm init quasar
npm uninstall -g @quasar/cli

With that I was able to create an vite project that hot reload works.

The configuration:
√ What would you like to build? » App with Quasar CLI, let's go!
√ Project folder: ... quasar4
√ Pick Quasar version: » Quasar v2 (Vue 3 | latest and greatest)
√ Pick script type: » Typescript
√ Pick Quasar App CLI variant: » Quasar App CLI with Vite
√ Package name: ... quasar4
√ Project product name: (must start with letter if building mobile apps) ...
Quasar App
√ Project description: ... A Quasar Project
√ Author: ... Leandro Moura lamdsce@gmail.com
√ Pick a Vue component style: » Composition API with <script setup>
√ Pick your CSS preprocessor: » Sass with SCSS syntax
√ Check the features needed for your project: » ESLint, State Management (Pinia), Axios, Vue-i18n
√ Pick an ESLint preset: » Prettier

[cmendez2121]

Happened the same to me a few hours ago. and had to rollback Vue to 3.5.20, 3.5.19 version and worked hot reload for me
on 3.5.21 not working
Node version 20.19.4.
Npm version 10.8.2

[badm18]

Happened the same to me a few hours ago. and had to rollback Vue to 3.5.20, 3.5.19 version and worked hot reload for me on 3.5.21 not working Node version 20.19.4. Npm version 10.8.2

I can confirm that hot reload does not work with Vue version 3.5.21

[dvbeek]

The problem is also on Linux, so it's probably not OS related.

[Arowa-Z]

Looks like this might be caused by [vite-plugin-checker] instead.
Related issue: fi3ework/vite-plugin-checker#569

[yi0n]

The problem is also on Linux, so it's probably not OS related.

I have the same problem on Windows and Linux.

[bibibala]

I tried it on my Mac and Windows. Vue3.5.21 will cause hot reload to fail