Im Vue + Vite-Projekt habe ich diese Ordnerstruktur

Das Problem besteht darin, dass Vite keine Änderungen (Strg+S) in A.vue oder B.vue erkennen kann, d. h. Komponenten, die unter NestedFolder im Komponentenordner verschachtelt sind. Alles andere funktioniert gut.

Mein vite.config.js sieht so aus,

import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev/config/ export default defineConfig({ plugins: [ vue() ], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)), '@public': fileURLToPath(new URL('./public', import.meta.url)) } }, server: { proxy: { '/api': { target: 'XXX', changeOrigin: true, secure: false, ws: true, } } } })

Ich habe die benutzerdefinierte HMR-Funktion gemäß der Vite-HMR-API-Dokumentation ausprobiert und damit einen vollständigen Neuladevorgang senden lassen.

... plugins: [ vue(), { name: 'custom-hmr', enforce: 'post', // HMR handleHotUpdate({ file, server }) { if (file.endsWith('.vue')) { console.log('reloading json file...'); server.ws.send({ type: 'reload', path: '*' }); } }, } ], ...

Ich habe mir die HMR-API-Dokumentation von Vite angesehen, weiß aber nicht, wie man Aktualisierungsereignisse an Vite sendet, wenn eine benutzerdefinierte HMR-Funktion verwendet wird

Jede Hilfe/Ratschlag zur Lösung dieses Problems wäre sehr dankbar.