Next.js 14 | 解決方法 If you use CSS to change the size of your image, also include the styles ‘width: “auto”‘ or ‘height: “auto”‘ to maintain the aspect ratio.

Next.js

Next.js では、画像の表示については、Image タグの利用が推奨されています。

この Image タグは、width と height が必須となっています。

しかしながら、この項目を省略したい場合がありますが、省略すると、下記の警告が表示されます。

この解決方法について、詳しくまとめられているサイトがありました。

覚書として、記載させていただきます。

Next.js は楽しい!
でも、情報が少ないこともありますね。

Next.js 13のnext/image(next/future/image)へ移行する

Next.js 13のnext/image(next/future/image)へ移行する | エビスコム - EBISUCOM
Next.js 13のnext/imageは、Next.js 12では「next/future/image」と呼ばれていたものです。Next.js 1…

おススメ商品

タイトルとURLをコピーしました