將項目從 JavaScript 轉換為 TypeScript 時，下一個/圖像無法工作

Question

我正在將我的個人網站從 Next.js JavaScript 項目轉換為 TypeScript 項目。 以前我有一個用下一個/圖像系統加載的占位符背景圖像：

<Image
    src="/filename.jpg"
    layout="fill"
    objectFit="cover"
    quality={100}
/>

我目前沒有使用裝載機。 這成功加載，如果有點慢。 我移至 TypeScript 並沒有更改該行或相關行，但現在嘗試加載圖像時出現 502（錯誤網關）錯誤。

如果我將 URL 修改為不存在的文件，例如“/falename.jpg”，那么我會收到 400（錯誤請求）錯誤。 這似乎表明文件訪問很好，但僅在 TypeScript 中無法正確加載。

我缺少一些設置步驟嗎？ 我已經梳理了所有 Next.js 的 next/image 和 TypeScript 指南，並沒有注意到任何類似的東西。

Answer 1

原來，過渡到 TypeScript 對圖像文件大小設置了某種上限； 我嘗試使用較低分辨率的圖像並且效果很好。