为什么我的图片不会加载到我的React Vite项目中?

公用文件夹>> leaves.jpg

应用程序.jsx:

function App() {
return (
<img src="./public/leaves.jpg" alt "img" />
)
}

图像显示在我的图像预览扩展上,通常表示路径是正确的,我不确定我做错了什么。当我尝试使用此方法时,它不会返回错误。我还尝试导入图像,如: import leaves from './public/leaves.jpg' 并像这样插入: <img src={leaves} alt "img" /> ,但它抛出了一个错误,即找不到该文件。

任何帮助都将不胜感激,谢谢。