Имам приложение за реакция, което е предназначено да показва елементи от портфолио на страница. Когато стартирам npm start, те се показват според очакванията, но в моята производствена компилация (папка за компилация) медийните елементи липсват.
Използвам require(), за да импортирам медиите въз основа на стойност в JSON.
Ето кода:
import React, { Component } from 'react';
import { Link } from 'react-router-dom';
export class PortfolioItem extends Component {
render() {
const { img_code, id } = this.props.item;
return (
<div className='portfolio__item'>
<Link to={{
pathname: `/portfolio-details/${id}`
}}>
<img
src={require(`../assets/img_items/${img_code}`).default}
alt=''
className='img img-item'
/>
</Link>
</div>
);
}
}
export default PortfolioItem;
Странно е, че това работи добре локално, но след като git изтегли промените, които направих (.default в края), това не работи на моя сървър.
Всякакви идеи/коментари са добре дошли.