我通過使用 nextJs 開始了一個新專案（我未來的投資組合），但我在將一些影像帶到一個部分時遇到了一些問題。我認為這是一個路徑問題，但盡管我在 Nextjs Doc 上進行了搜索，但我無法解決它......
我的資料檔案
這就是我想帶來我的形象的地方
這就是我組織檔案的方式
如果有人有想法那就太好了！
祝你今天過得愉快
uj5u.com熱心網友回復：
要使用本地影像，請匯入 .jpg、.png 或 .webp 檔案：
import Image from 'next/image'
import examplePicture from './example/picture.jpg'
然后使用匯入的圖片作為圖片src
<Image
src={examplePicture}
/>
uj5u.com熱心網友回復：
您需要將影像放在公共檔案夾中，然后一切正常。
例如<Image src="./img.png" />，如果影像存在于public/img.png.
uj5u.com熱心網友回復：
影像必須在根目錄的公用檔案夾中
不要忘記添加 with 和 height 道具，因為如果您使用 Image 組件，它們是強制性的。
import Image from 'next/image';
const Test = function(){
return <Image src="/img.png" width={20} height={20}/>
};
export default Test
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/466466.html
標籤：javascript r 图片 文件 下一个.js
上一篇：如何列印我創建的檔案的名稱？