問題タブ [nextjs-image]

Next.js アプリがあり、縦横比に基づいて幅を自動的に決定しながら、コンテナーの高さ全体を埋める画像が必要です。

私は次のことを試しました：

このスニペットは正常にコンパイルされますが、フロントエンドで次のエラーが表示されます。

エラー: src "/deco.svg" を含む画像は、"width" および "height" プロパティまたは "unsized" プロパティを使用する必要があります。

docsによると、これらのプロパティは使用時に必要ないため、これは私を混乱させますlayout="fill"。

自動画像最適化のコンポーネントで Next.js 画像コンポーネントを使用しようとしています。

しかし、私はこのエラーが発生します:

エラー: SRC "/renmote-location を含むイメージは、" width" および "height" プロパティまたは "unsized" プロパティを使用する必要があります。

注意：画像にdivのサイズを設定したいので、設定しましたlayout="responsive"が、必要のない高さと幅を設定すると、このエラーは発生しません。

私はドキュメントを読みましたが、そこに記載されているように、レイアウトを塗りつぶしに設定しましたが、レイアウトが塗りつぶしに設定されている場合、高さ/幅の小道具は必要ないとドキュメントに記載されていても、このエラーが発生します。