将项目从 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 对图像文件大小设置了某种上限； 我尝试使用较低分辨率的图像并且效果很好。