Soy un principiante. Estaba practicando y me quedé atrapado aquí. La ruta especificada es correcta, el nombre de la imagen en el producto es correcto, aún así, muestra el mensaje de error. Adjunto las capturas de pantalla. Por favor, hágamelo saber si alguien puede ayudarme con el problema.
Disco de error de captura de pantalla
import product1 from '../../images/product-1.jpg'; import product2 from '../../images/product-2.jpg'; import product3 from '../../images/product-3.jpg'; export const productData = [ { img: product1, alt: 'Game', name: 'Assassians Creed- Valhalla', desc: 'Assassins Creed Valhalla is a 2020 action role-playing video game developed by Ubisoft Montreal and published by Ubisoft.', price: '3,444', button: 'Add to cart' }, { img: product2, alt: 'Game', name: 'Cyber Punk- 2077', desc: 'Cyberpunk 2077 is an action role-playing video game developed and published by CD Projekt. ', price: '2999', button: 'Add to cart' }, { img: product3, alt: 'Game', name: 'Metro Exodus', desc: 'Metro Exodus is a first-person shooter video game developed by 4A Games and published by Deep Silver.', price: '2199', button: 'Add to cart' } ];````
Ponga en mayúscula el nombre de su carpeta en la importación:
imágenes > Imágenes
Su código, data.js, está buscando archivos dentro de un directorio "../../images", que no existe en su estructura de carpetas. Lo que sí existe es "../../Imágenes".