带有 src“/_next/static/media/...”的图像具有遗留属性“layout”。您是否忘记运行 codemod？

Question

我有这个代码

<div className={`w-5 h-5 relative flex-shrink-0 ${additionalClasses}`}>
    <Image src={icon} layout="fill"/>
</div>

我在控制台中得到这个

我没想到控制台会出现任何警告

Answer 1

自从 NextJs 13 引入新Image组件以来， proplayout已被弃用。如果你想让你的图像填充父级，只需使用fill. 查阅文档

<div className={`w-5 h-5 relative flex-shrink-0 ${additionalClasses}`}>
    <Image src={icon} fill/>
</div>