我正在使用最新版本的 NextJS 10.0.9。我有一个想要显示的图像，但是收到错误：
Error: Image with src "https://picsum.photos/480/270" must use "width" and "height" properties or "layout='fill'" property.
正如您在这里看到的，我确实设置了所有这些属性：
<div className="card-img">
<Image
alt={media?.title}
title={media?.title}
src={media?.previewImage || 'https://picsum.photos/480/270'}
width={480}
height={270}
layout="fill"
/>
</div>
由于某种原因，默认的外部图像似乎不想与图像组件很好地配合。有谁知道解决方法或可能出现这种情况的原因？
还有一点旁注：我在layout属性“类型'“fill”'不可分配给类型'“fixed”|“intrinsic”|“responsive”| undefined'。”。我不确定这是否相关？
如果你使用layout='fill'，您不需要宽度和高度属性。错误消息并不完全清楚，但“或”是异或。您可以定义宽度/高度或layout='fill'，但不能两者兼而有之。
这是如何的副产品下一张/图片 https://nextjs.org/docs/api-reference/next/image#optional-props有效： width/height 属性用于确定宽高比，而不一定是显示尺寸。
Since layout='fill'意思是“拉伸以填充父元素”，宽度和高度没有意义。因此，要修复该错误，请删除layout='fill'，或删除尺寸。
您可能已经看过这个，但为了以防万一，这里是文档：https://nextjs.org/docs/api-reference/next/image https://nextjs.org/docs/api-reference/next/image
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
