0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

エラー:Image with src "logo.svg" has legacy prop "objectFit". Did you forget to run the codemod?について

Posted at

このエラーは、Next.jsを使用している際に表示されるもので、特にコンポーネントを使って画像を表示しようとしたときに関連する警告です。この警告は、logo.svgという画像のobjectFitというプロパティが古い形式で指定されていることを示しています。

この警告の理由は、コンポーネントはNext.jsによって最適化された画像表示のために提供されるものであり、古いプロパティ名や構文が使用されると警告が表示されるようになっています。

エラーを解決するためには、objectFitプロパティを新しい形式で指定する必要があります。具体的には、objectFitプロパティはコンポーネント内のstyleオブジェクトの一部として指定されるべきです。

例えば、以下のようにobjectFitプロパティを新しい形式で指定することができます:

import Image from 'next/image';

// ...

<Image
  src="/logo.svg"
  alt="Logo"
  width={100}
  height={100}
  style={{ objectFit: 'contain' }} // ここでobjectFitを指定
/>

上記のコードでは、styleオブジェクト内でobjectFitプロパティを指定しています。objectFitの値は、画像をどのようにフィットさせるかを指定します("contain"や"cover"などの値が使用されます)。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?