我在隐藏的画廊中有一堆图像，仅在用户单击某个按钮时显示。
在开发服务器上，一切都很好，没有错误或问题，但是当我部署我的网站并打开图库时，图像不显示并在控制台中抛出 404 错误（我包含了所需的道具）。
当我用 替换<Image/>组件时<img>，开发服务器上的一切都很好并且可以正常运行。有人可以帮忙吗？我搜索了很多，我没有发现任何类似的问题。
问问题
2288 次
1 回答
0
使用 Next.js 的默认加载器进行图像优化与next export.
可能的解决方案：
- 使用
next start，启动图像优化 API。 - 使用 Vercel 进行部署，支持 Image Optimization。
- 在
next.config.js.
这意味着：Only assets that are in the public directory at build time will be served by Next.js. Files added at runtime won't be available
来解决这个问题。我只是将next-optimized-images用于静态图像和next/image来自云的图像。
请阅读本文以获得更多理解：https ://dev.to/jameswallis/next-image-and-next-optimized-images-a-brief-comparison-4c4i
于 2021-01-22T03:41:13.750 回答