(JSX attribute) layout: string
No overload matches this call.
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' />
Eine Arbeitsstütze, die vom Herausgeber erkannt wird.
{
"dependencies": {
"next": "10.0.2-canary.4"
}
}
Die Requisite funktioniert, wird aber vom Editor nicht erkannt.
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.
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!
Hilfreichster Kommentar
Funktioniert es mit der Standardverwendung von
import Image from 'next/image'
?Wenn ja, dann klingt es wie ein Fehler mit
styled-components
.