Así que soy nuevo con reaccionar y he hecho un proyecto de reacción usando crear aplicación de reacción. Estoy tratando de importar una imagen para usar en uno de mis componentes. Sé que al reaccionar para usar imágenes, las importa utilizando una declaración de importación con la ruta relativa a su imagen.

Sin embargo, cada vez que intento importar la imagen, no puedo reaccionar o no puedo encontrar ninguna de mis imágenes cuando introduzco la ruta relativa. En vs code, puede autocompletar las rutas, pero cuando navego a mi carpeta de imágenes, aparece vacía como si vs code o react no pudiera encontrar ninguna imagen, aunque hay algunas. No estaba seguro de si se trataba de un error con el código vs o si reaccionaba, así que verifiqué dos veces tratando de importar una imagen en el archivo index.html y, por supuesto, funciona usando la ruta relativa a la imagen como src y puedo encontrar las imágenes. lo que me lleva a creer que es un problema de reacción.

Qué podría estar causando esto. Es un problema extraño que no pude encontrar una respuesta en línea y cualquier tutorial que veo en youtube puede usar la declaración de importación perfectamente para sus imágenes. Solo para mostrar mi código, lo he pegado a continuación. Las dos imágenes que he importado no se detectan en mi navegador y la aplicación no se compila

 import React from "react"; //import assets from images folder import RMDBLogo from '../../images/logo.jpg'; import TMBDLogo from "../../images/tmbd_logo.svg"; //import styled components from the header .styles file import { Wrapper, Content, LogoImg, TMBDLogoImg } from "../Header/header.styles"; const Header = () => ( <Wrapper> <Content> <LogoImg src={RMDBLogo} alt="rmbd-logo"></LogoImg> <TMBDLogo src={TMBDLogo} alt="tmbd-logo"></TMBDLogo> </Content> </Wrapper> ) export default Header