将项目从 JavaScript 转换为 TypeScript 时，next/image 无法工作

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 的过渡对图像文件大小施加了某种限制；我尝试使用较低分辨率的图像并且效果很好。