Почему не показывает картинки после билда 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