Help debugging HMR parially not working anymore

[mix359]

Hi to all,

Some days ago, after doing some changes to a project I'm working on, the HMR have partially stopped working:
I can see that it track all the files that I need, but respond to the modification of only a small part of them. In particular it's only responding to change in config files, like the vite.config.js and to php files, tracked by the laravel plugin, but not to scss and vue files (my project mainly use laravel and vuejs).
If I execute vite in debug mode I can see that the HMR module effectively start tracking the files I'm interested in, but if I change them directly, or one of their dependencies, vite doesn't seam to react to the change.
This problem happen only on one machine, an ubuntu server 22.04, while the same project on a MacOs machine doesn't give me any problem (with the same node packages, installed using the same package-lock.json).

For example, here's a section of the log about a vue file I'm tracking:

vite:load 138.79ms [fs] /resources/js/components/Menu/MenuUserArea.vue +136ms
 vite:cache [memory] /node_modules/.vite/deps/vue.js?v=f4593f3d +99ms
 vite:cache [memory] plugin-vue:export-helper +0ms
 vite:hmr [self-accepts] resources/js/components/Menu/MenuUserArea.vue +146ms
 vite:import-analysis 1.07ms [3 imports rewritten] resources/js/components/Menu/MenuUserArea.vue +12ms
 vite:transform 7.37ms /resources/js/components/Menu/MenuUserArea.vue +11ms
 vite:load 0.67ms [plugin] /resources/js/components/Menu/MenuUserArea.vue?vue&type=style&index=0&scoped=d8924b08&lang.scss +7ms
 vite:load 148.44ms [fs] /resources/js/components/Menu/MainMenuTab.vue +3ms

But if I try to modify the file in any way, vite doesn't detect the changes and doesn't write anything to the console, while with other files they react immediately.

I would like to ask what I can do to debug further. There's any way to see the effective list of tracked files? Or for example check if one of the plugins, like the laravel one, are doing something wrong?
From the log lines "vite:hmr [self-accepts]" it's seam to me that the files are tracked correctly.

Here's my current vite.config.js

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';
import fs from 'fs';
import inject from "@rollup/plugin-inject";
import vueform from '@vueform/vueform/vite'

export default defineConfig(({ command, mode, isSsrBuild, isPreview }) => {
	let config = {
		plugins: [
			inject({
				$: 'jquery',
				jQuery: 'jquery',
			}),
			laravel({
				input: [
					'resources/sass/app.scss',
					'resources/js/app.js',
					'resources/js/modules/navbarHeaderMenu.js',
					'resources/js/modules/genericVuetable.js',
					'resources/js/modules/objectInventory.js',
				],
				refresh: true,
			}),
			vue({
				template: {
					transformAssetUrls: {
						base: null,
						includeAbsolute: false,
					},
				},
			}),
			vueform()
		],
		resolve: {
			alias: {
				vue: 'vue/dist/vue.esm-bundler.js',
				'@': '/resources/js/'
			}
		},
		css: {
			preprocessorOptions: {
				scss: {}
			}
		},
		optimizeDeps: {
			include: ['jquery', 'vue'],
		},
		build: {},
		server: {
			host: true,
			https: {
				key: fs.readFileSync('key.pem'),
				cert: fs.readFileSync('cert.pem')
			},
			hmr: {
				host: 'my.test.domain',
			}
		}
	};

	if (command === 'serve') {
		config.build['sourcemap'] = 'inline';
	}

	return config;
})

Thanks to all
Best regards
Daniele

[divmgl]

I'm having this same issue. vite --debug hmr is not reloading at all on file saves. This is happening on my MacOS machine.