Estoy trabajando en el sitio web de mi cartera con reaccionar y algunas de las imágenes no se cargan en la versión de compilación, pero también funciona bien en mi servidor de desarrollo local.

 import cryptoImage from "./projectsImage/crypto4.png"; import wordIndexImage from "./projectsImage/Word Index.png"; import lcoImage from "./projectsImage/lco.png"; export const products = [ { id: 1, title: "Crypto Stalker", img: cryptoImage, link: "https://crypto-stalker.netlify.app/", desc: "A crypto currency application to stalk all your favorite cryptocurrencies at one place including market cap, time gap and chart analysis.", tech: ["React", "Material UI", "Chart Js", "Redux", "Netlify"], gitlink: "https://github.com/codesabhi/crypto-stalker-app", }, { id: 2, title: "Word Index", img: wordIndexImage, link: "https://wordindex.netlify.app/", desc: "A dictionary app which supports twelve languages along with audio support also a progressive web app that is downloadable on respectable devices", tech: ["React", "Material UI", "Axios", "PWAs", "Netlify"], gitlink: "https://github.com/codesabhi/word-index", },

Y aquí estoy mapeando todos los datos anteriores, incluidas las imágenes en un componente diferente.

 const ProductCard = ({title,img,link,desc,tech,git}) => { const theme = useContext(ThemeContext); return ( <> <div className="c"> <div className="c-left"> <div className="c-card bg"></div> <div className="c-cards"> <a href={link} target="_blank" rel="noreferrer" className="c-imglink"><img src={img} alt="" className="c-img" /></a> </div> </div>

no se porque pero todo funciona bien en el desarrollo local pero no en la versión de compilación