NextJs 图像组件未在 Digital Ocean 部署的应用程序上提供服务

Question

所以我有一个 NextJs 项目，我使用 NextJs 图像组件来处理一些图像，当我构建项目并在本地运行它时，一切正常。但现在我刚刚在数字海洋上部署了我的项目，并且我使用 Next-Image-Component 提供服务的所有图像都无法正常工作。

我收到此错误

我尝试过使用“相对路径”导入图像，我也尝试过使用“绝对路径”-“模块导入”导入图像，但这并没有改变任何东西。

我还在 vercel 上部署了同一个项目，只是为了检查它是否在我的代码中，并且在 vercel 上一切正常。我知道我可以将其部署在 vercel 上，但我的团队希望将该项目部署在 Digital ocean 上。我已经联系了他们的支持团队，但几天来还没有得到回复。

注意使用传统 img 标签提供的图像和使用 MUI 头像组件提供的图像工作正常。

请有人遇到过这个问题，或者知道如何在 Digital Ocean 上解决这个问题

Answer 1

因此，对于遇到同样问题的任何人，我都可以通过为我的生产应用程序安装 NextJs 推荐的“sharp”包来解决此问题，这里

Vercel 会为您处理安装，它似乎可以在 Vercel 上运行。 希望这对其他人有帮助

Answer 2

安装锐利

yarn add sharp

按照@Hashira 的回答为我工作

Answer 3

同样的问题。仍然无法找到解决方案。 @Hashira 的解决方案不适合我。