自動画像最適化のコンポーネントで Next.js 画像コンポーネントを使用しようとしています。
import Image from "next/image";
const PicArrs = () => (
<Image src="remote-location" alt="ViewCrunch" layout="responsive" />
)
しかし、私はこのエラーが発生します:
エラー: SRC "/renmote-location を含むイメージは、" width" および "height" プロパティまたは "unsized" プロパティを使用する必要があります。
注意：画像にdivのサイズを設定したいので、設定しましたlayout="responsive"が、必要のない高さと幅を設定すると、このエラーは発生しません。
私はドキュメントを読みましたが、そこに記載されているように、レイアウトを塗りつぶしに設定しましたが、レイアウトが塗りつぶしに設定されている場合、高さ/幅の小道具は必要ないとドキュメントに記載されていても、このエラーが発生します。