Hola, estoy tratando de importar dinámicamente un archivo y, si no lo hace, lo crearé. Pero, ¿cómo puedo importarlo solo si existe? Este código me arroja un error de servidor 500 cuando intento importar un archivo que aún no existe. Este es mi código (estoy usando Vite para servir mi aplicación)

 import(`./../Cache/${component.type.name}.svg?raw`) .then(svgCode => console.log(svgCode)) .catch(err => { //here the file is created if it doesn't exists but it still throwing an error in the console })

No se trata solo del error en la consola, Vite también me lanza este mensaje:

ENOENT: no existe tal archivo o directorio, abra '/Atlantide/SvgRender/Cache/PixelGrid.svg' Haga clic fuera o corrija el código para cerrar. También puede deshabilitar esta superposición configurando server.hmr.overlay en falso en vite.config.js.

Pero no quiero deshabilitar HMR en mi configuración, ¿algún consejo?