我使用的是next.js 11.1.0，我的图片没有显示（下图）。我尝试升级到next.js 12，但问题仍然存在。我也尝试使用img标签，它工作正常，只是next/image不工作。它似乎不工作的现场生产。我的图片存储在本地。有人遇到过这种情况吗？
<Image
src="images/Uploads/Activities/StoryTelling/3_2022-05-07203A383A38.jpeg"
width={500}
height={500}
/>
3条答案
按热度按时间pgx2nnw81#
如果在本地一切正常，但在生产中却不是，这可能是一个图像加载器的问题。我邀请你看看文档，因为你可能需要一个自定义函数来解析网址。
图像加载器
内置式装载机
我在GCP上部署时遇到了同样的问题，但在Vercel上一切正常。
wgx48brx2#
当它是下一个图像时，必须写入src={/photoname.format}，而不是整个路径。
wixjitnu3#
正如Webber的第二个注解所暗示的，the documentation声明所有静态文件（如图像）都必须从
public目录提供。Next.js的this tutorial中也提到了这一点。
虽然您可能还没有尝试弄清楚这一点，但其他人可能会从这种清晰中受益。
您可以将映像放在public目录中的
images目录中，所需的路径就是/images/sample.jpg。