React Image路径正确，但找不到/导入它

问题描述

我在一个文件夹中有图像，而其中一个图像很容易导入，而第二个图像却找不到。

import img from '../Img/a292.jpg';
// import img from '../Img/building5.png';

export default function First() {
    return (
        <section id="first" className="d-flex justify-content-center align-items-center">
            <img src={img} alt="img"/>
        </section>
    )
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

My screen

when importing building5.png

when importing a292.jpg

编辑：我尝试过src={require('../Img/a292.jpg')}，并且尝试将图像转换为png的方法是因为所有PNG都在工作，所以我认为这是可以计量的格式，但是没有工作：/

解决方法

我有一个奇特的解决方案，这种情况很少发生，但是可能会发生在您身上，将名称更改为123.jpg之类的数字 字母a可能是俄语和英语或类似的内容，只需尝试

,

好吧，我也遇到了同样的问题，我将执行以下操作来导入图像：

• 将图像a292.jpg放置在“公共”文件夹中。
• 现在您可以直接在img src中将路径写为“ ./a292.jpg”。 [该路径是相对于Public文件夹的，因为index.html存在于public文件夹中，因此当呈现虚拟DOM时，它将采用index.html的相对路径]