React App 在构建中没有媒体文件

问题描述

我有一个 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 pull 我所做的更改（最后是 .default）之后，这在我的服务器上不起作用。

欢迎提出任何想法/意见。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）