Блог

Я работаю над своим веб-сайтом портфолио с помощью react, и некоторые изображения не загружаются в версии сборки, но они также отлично работают на моем локальном сервере разработки.

 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",  },  

И вот я сопоставляю все вышеперечисленные данные, включая изображения, в другом компоненте.

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

Я не знаю, почему? но все это хорошо работает в локальной разработке, но не в версии сборки