无法从公共文件夹加载图像

问题描述

我将图片存放在公共文件夹中，图片名称是从 1 到图片数量的数字，所以我可以用

       <img 
            ref={this.imageRef}
            src={process.env.PUBLIC_URL + `/images/${this.props.index}.jpeg`} 
            alt={`image #${this.props.index}`}
        />

当我在本地 npm 服务器上运行它时，图像会正确呈现，因此我可以看到它们，但是当我尝试从使用 AWS Amplify 部署的网站打开我的画廊时，它们没有加载，我只能看到图像 alt 和图像标志。 您可以在 https://www.diamondcoring.ru/gallery 查看 有什么问题吗？

解决方法

我不知道为什么，但问题出在文件扩展名 .jpeg 中 - 它没有得到处理。 .jpg 或 .png 工作正常