He estado tratando de importar una imagen en mi aplicación de reacción usando la palabra clave de importación desde un directorio local, pero no puedo ver ningún archivo de imagen en la sugerencia de código. Intenté escribir la ruta completa sin usar las sugerencias, pero la imagen aún no se carga en mi aplicación web. A continuación se muestran los enlaces a los archivos.
captura de pantalla de declaración de importación
captura de pantalla de la ubicación de la imagen en la carpeta src
La solución simple es poner imágenes en la carpeta pública y usarlas así:
<img src="/img1.jpg" /> en tu situación, ¿cómo creaste tu proyecto de reacción? con create-react-app ? si es así https://create-react-app.dev/docs/adding-images-fonts-and-files/ hay una solución simple para esto... vamos a importar una imagen desde la misma ruta con extensión
Hola Just Moeed, primero importa la imagen que aparece en la captura de pantalla en la imagen de importación posterior en esta imagen en src el nombre de la importación