Next.js: 画像レイアウトプロップはTSに存在しません

作成日 2020年11月08日 · 4コメント · ソース: vercel/next.js

バグレポート

(JSX attribute) layout: string
No overload matches this call.

プロジェクトにNextがあり、 next/imageをインポートして、次のようにレイアウトプロップを使用してみてください。

<Background src='/img/header.png' quality={100} layout='fill' />

編集者によって認識される作業小道具。

{
    "dependencies": {
        "next": "10.0.2-canary.4"
    }
}

小道具は機能していますが、編集者に認識されません。

bug

ソース

Rechdan

👍2

標準のimport Image from 'next/image'使用法で機能しますか？

もしそうなら、それはstyled-componentsバグのように聞こえます。

styfle 2020年11月11日

👍2

あなたしている例は述べていますBackgroundの代わりにImage 。おそらく、間違ったコンポーネントを使用しています。

layout="fill"がTSで正しく機能することを確認し、提案も提供します。

正しいコンポーネントをインポートするには、必ずimport Image from 'next/image'を使用してください。

styfle 2020年11月11日

👍1

@styfle今、私は本当の問題を見つけたと信じています。スタイル付きコンポーネントで画像コンポーネントを使用すると、レイアウトプロップが表示されません。理由は何ですか？

Rechdan 2020年11月11日

標準のimport Image from 'next/image'使用法で機能しますか？

もしそうなら、それはstyled-componentsバグのように聞こえます。

styfle 2020年11月11日

👍2

デフォルトのインポートで動作し、問題を解決します。ありがとうございます。

Rechdan 2020年11月12日

このページは役に立ちましたか？

0 / 5 - 0 評価