next.js - Next 图像组件在生产中抛出 404 错误，在开发中工作正常

Question

我在一个隐藏的图库中有一堆图片，只有当用户点击某个按钮时才会显示。

在开发服务器上，一切都很好，没有错误或问题，但是当我部署我的网站并打开图库时，图像不显示并在控制台中抛出 404 错误(我包含了所需的 Prop )。

当我替换 <Image/> 时组件 <img> ，开发服务器上的一切都很好并且可以使用。有人可以帮忙吗？我搜索了很多，但没有发现类似这个问题。

Answer 1

我的解决方案:

我遇到了同样的问题，通过重命名图像文件名解决了这个问题。

问题是如何产生的:

我已经重命名了图像，只是将大写字母改为小写字母。这导致文件在我的 github 存储库中被错误命名。用新字符重命名后，文件在 github 上正确更新。