Next.js: Die Bildlayout-Requisite ist in TS nicht vorhanden

Erstellt am 8. Nov. 2020  ·  4Kommentare  ·  Quelle: vercel/next.js

Fehlerbericht

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

Reproduzieren

Haben Sie einfach Next in einem Projekt, importieren Sie next/image und versuchen Sie, die Layout-Requisite wie folgt zu verwenden:

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

Erwartetes Verhalten

Eine Arbeitsstütze, die vom Herausgeber erkannt wird.

Screenshots

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

System Information

  • Betriebssystem: Windows
  • Version von Next.js: 10.0.2-canary.4
  • Version von Node.js: v14.15.0

Zusätzlicher Kontext

Die Requisite funktioniert, wird aber vom Editor nicht erkannt.

bug

Hilfreichster Kommentar

Funktioniert es mit der Standardverwendung von import Image from 'next/image' ?

Wenn ja, dann klingt es wie ein Fehler mit styled-components .

Alle 4 Kommentare

In Ihrem Beispiel steht Background anstelle von Image . Möglicherweise verwenden Sie die falsche Komponente.

Ich habe bestätigt, dass layout="fill" mit TS korrekt funktioniert und sogar den Vorschlag bietet.

image

Stellen Sie sicher, dass Sie import Image from 'next/image' , um die richtige Komponente zu importieren.

@styfle jetzt glaube ich, dass ich das eigentliche Problem gefunden habe, wenn ich die

Funktioniert es mit der Standardverwendung von import Image from 'next/image' ?

Wenn ja, dann klingt es wie ein Fehler mit styled-components .

Es funktioniert mit dem Standardimport, der das Problem löst, danke!

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen