Next.js: Prop tata letak gambar tidak ada di TS

Dibuat pada 8 Nov 2020  ·  4Komentar  ·  Sumber: vercel/next.js

Laporan bug

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

Untuk Mereproduksi

Hanya memiliki Next dalam sebuah proyek, impor next/image dan coba gunakan layout prop seperti ini:

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

Perilaku yang diharapkan

Sebuah prop yang berfungsi yang dikenali oleh editor.

Screenshot

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

Sistem Informasi

  • OS: Windows
  • Versi Next.js: 10.0.2-canary.4
  • Versi Node.js: v14.15.0

Konteks tambahan

Prop berfungsi tetapi tidak dikenali oleh editor.

bug

Komentar yang paling membantu

Apakah ini berfungsi dengan penggunaan standar import Image from 'next/image' ?

Jika demikian, maka itu terdengar seperti bug dengan styled-components .

Semua 4 komentar

Contoh Anda mengatakan Background bukan Image . Mungkin Anda menggunakan komponen yang salah.

Saya mengonfirmasi bahwa layout="fill" berfungsi dengan benar dengan TS dan bahkan menawarkan saran.

image

Pastikan Anda menggunakan import Image from 'next/image' untuk mengimpor komponen yang benar.

@styfle sekarang Saya yakin saya menemukan masalah sebenarnya, ketika saya menggunakan Komponen Gambar dengan komponen bergaya, tata letak prop dos tidak muncul, tahu mengapa?

Apakah ini berfungsi dengan penggunaan standar import Image from 'next/image' ?

Jika demikian, maka itu terdengar seperti bug dengan styled-components .

Ini berfungsi dengan impor default, yang memecahkan masalah, terima kasih!

Apakah halaman ini membantu?
0 / 5 - 0 peringkat