这是我的项目结构：

src
 -assets
     fut.png
 -components
    -admin_dashboard
        Sidebar.js
 -App.js
 -pages
    Dashboard.js

我想从文件Sidebar.js加载图像fut.png。由于使用其相对路径（如<img src={"../assets/fut.png"}/>）调用时未加载，因此我尝试了<img src={require("../assets/fut.png")}/>-这导致了以下错误：
Module not found: Error: Can't resolve '../assets/fut.png' in 'D:\Users [DONT DELETE]\react js\fut_test\src\components\admin_dashboard'
首先，我从App.js渲染Dashboard组件。然后从Dashboard.js渲染Sidebar组件。这样就启动了对Sidebar.js文件的调用。
实际上，我尝试加载图像，即使是放在同一个文件夹的Sidebar.js文件访问它作为<img src={"fut.png"}/>，即使没有加载图像。我该怎么解决这个问题？

Dashboard.js

import React from 'react'

function Sidebar(){

return(
        <div className="flex">
<img src={require("../assets/future_ik.png")} />
</div>
); 
     }

export default Sidebar

我已经看过这些链接了：

1. Can't resolve module (not found) in React.js
2. React won't load local images
   但我还是不知道怎么解决这个问题。任何帮助都很感激。