Почему не показывает картинки после билда react-redux? Но на serve -g все нормально показывает

Я храню путь к картинкам в redux-е, а сами картинки в public/images.

import { createSlice } from '@reduxjs/toolkit'


const DiscountSlice = createSlice({
   name: 'discount',
   initialState: {
      discount: [
         {
            id: 1,
            title: 'OREO ПЕЧЕНЬЕ КАКАО/КЛУБНИКА 228Г',
            discountsdate: '25.05-07.06',
            img: 'images/Discount/discount1.png',
            discountprice: '549'
         },
         {
            id: 2,
            title: 'JAQSY Мука пшеничная высший сорт 1 кг',
            discountsdate: '25.05-07.06',
            img: '/images/Discount/discount2.png',
            discountprice: '225'
         },
         {
            id: 3,
            title: 'БАЯН СУЛУ Вафли настроешки 1 кг',
            discountsdate: '25.05-07.06',
            img: '/images/Discount/discount3.png',
            discountprice: '985'
         },
         {
            id: 4,
            title: 'НАБЕГЛАВИ Вода минеральная 0,5л',
            discountsdate: '25.05-07.06',
            img: '/images/Discount/discount4.png',
            discountprice: '385'
         },
         {
            id: 5,
            title: 'РЫБНОЕ МЕНЮ Скумбрия атлантическая ключ 250',
            discountsdate: '25.05-07.06',
            img: 'images/Discount/discount5.png',
            discountprice: '319'
         },
         {
            id: 6,
            title: 'COLGATE ЗУБНАЯ ПАСТА L 12 75мл ЧИСТАЯ МЯТА',
            discountsdate: '25.05-07.06',
            img: 'images/Discount/discount6.png',
            discountprice: '775'
         },
         {
            id: 7,
            title: 'LOSK Жидкий порошок 1,17л детский',
            discountsdate: '25.05-07.06',
            img: 'images/Discount/discount7.png',
            discountprice: '1815'
         },
         {
            id: 8,
            title: 'LENOR Кондиционер для белья детский pure care 1 л',
            discountsdate: '25.05-07.06',
            img: 'images/Discount/discount8.png',
            discountprice: '795'
         }
      ]
   },
})

export default DiscountSlice.reducer

Компонента Discount

const Discount = () => {

   const discountList = useSelector(state => state.DiscountSlice.discount)
   const maxITem = 8



   return (
      <div className={cs.root}>
         <div className='wrapper'>
            <div className={cs.title}>
               <h2 >Каталог скидок</h2>
            </div>
            <img src="images/discount1.png" alt="" />
            <div className={cs.catalog}>
               {
                  discountList.slice(0, maxITem)
                     .map(elem => <DiscountItem key={elem.id} title={elem.title} img={elem.img} discountsdate={elem.discountsdate} discountprice={elem.discountprice} />)
               }
            </div>
         </div>
      </div>
   )
}

export default Discount

Компонента DiscountItem

import React from 'react'
import cs from './DiscountItem.module.scss'


const DiscountItem = ({ title, img, discountsdate, discountprice }) => {
   debugger
   return (
      <div className={cs.root}>
         <div className={cs.img}>
            <img src={img} alt="товар" />
            <div className={cs.discountprice}>{discountprice}</div>
         </div>
         <div className={cs.text}>
            <h4>{title}</h4>
            <div className={cs.date}>{discountsdate}</div>
         </div>


      </div>
   )
}

export default DiscountItem

Ответы (0 шт):