Vite HMR kann keine Änderungen an Komponenten in Unterordnern erkennen
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.
