Приложението React няма компилирани медийни файлове

Имам приложение за реакция, което е предназначено да показва елементи от портфолио на страница. Когато стартирам 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 в края), това не работи на моя сървър.

Всякакви идеи/коментари са добре дошли.


person user4889134    schedule 10.01.2021    source източник
comment
Медийните файлове в src файла ли са?   -  person Qudusayo    schedule 10.01.2021
comment
Разгледайте това   -  person emkarachchi    schedule 10.01.2021
comment
@Qudusayo да, те са. URL адресът на пътя е /src/assets/img_items/ ...   -  person user4889134    schedule 10.01.2021
comment
@emkarachchi втората препоръка е нещо, което прочетох другаде - преместете изображенията в публичната папка. Това изглежда малко хакерско, но може да е единственото решение.   -  person user4889134    schedule 10.01.2021
comment
Дали локалната компилация не успява да покаже медийните файлове?   -  person Qudusayo    schedule 10.01.2021
comment
Местната компилация на @Qudusayo е наред.   -  person user4889134    schedule 10.01.2021
comment
@user4889134, това не е правилно решение и няма да работи добре   -  person Qudusayo    schedule 10.01.2021
comment
@emkarachch къде се хоства проектът (netlify)? Ако е вярно, опитайте vercel Още едно, мултимедийните файлове също успешно ли са прехвърлени към githhub??   -  person Qudusayo    schedule 11.01.2021
comment
@Qudusayo се хоства в цифров океан. Медийните файлове не се изпращат в github. Ето репото: github.com/james-zedd/robyn-zedd- портфолио-6549818961   -  person user4889134    schedule 11.01.2021
comment
така че след почти ден борба с Digital Ocean, направих следното: 1. рестартирах сървъра със sudo restart ... 2. изтрих компилационната папка с rm -rf build ... 3. стартирах npm run build ... сега всичко работи според очакванията. Коства ми само един ден и много разочарование.   -  person user4889134    schedule 11.01.2021