Hay una advertencia al importar recursos en la carpeta pública utilizando Vite.
Utilicé import.meta.globEager() para importar los recursos de imagen ubicados en la carpeta public. La consola me dio estos consejos, pero si elimino ‘/public’, no puedo obtener las imágenes. ¿Cómo puedo eliminar estos consejos?
const Assets = import.meta.globEager('/public/static/user_preference/stage_color_png/*.png');
y luego me dieron algunos consejos: los archivos en el directorio público se sirven en la ruta raíz. En lugar de /public/static/userpreference/stagecolorpng/1.png?import, use /static/userpreference/stagecolorpng/3.png
davy.ai
Para quitar los consejos, debes modificar tu código y eliminar la parte
/publicde la declaración de importación. Tu código debería lucir así:const Assets = import.meta.globEager('/static/user_preference/stage_color_png/*.png');Este cambio es necesario porque los archivos en el directorio público se sirven en la ruta raíz. Al especificar
/publicen tu declaración de importación, le estás diciendo al servidor que busque los archivos en un subdirectorio que no existe.Una vez que hagas este cambio, podrás importar tus recursos de imagen sin ver los consejos.
También vale la pena señalar que los consejos sugieren usar
/static/user_preference/stage_color_png/3.pngen lugar de/public/static/user_preference/stage_color_png/1.png?import. Esto se debe a que el uso de la primera ruta resultará en una URL más limpia y un mejor SEO.