Next.js: छवि लेआउट प्रोप टीएस में मौजूद नहीं है

को निर्मित 8 नव॰ 2020 · 4टिप्पणियाँ · स्रोत: vercel/next.js

बग रिपोर्ट

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

प्रजनन करना

बस एक परियोजना में अगला है, next/image आयात करें और लेआउट प्रोप का उपयोग करने का प्रयास करें:

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

अपेक्षित व्यवहार

एक काम करने वाला प्रोप जिसे संपादक द्वारा मान्यता प्राप्त है।

स्क्रीनशॉट

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

प्रणाली की जानकारी

ओएस: विंडोज
Next.js का संस्करण: 10.0.2-canary.4
Node.js का संस्करण: v14.15.0

अतिरिक्त संदर्भ

प्रोप काम कर रहा है लेकिन इसके संपादक द्वारा मान्यता प्राप्त नहीं है।

bug

स्रोत

Rechdan

👍2

सबसे उपयोगी टिप्पणी

क्या यह मानक import Image from 'next/image' उपयोग के साथ काम करता है?

यदि ऐसा है, तो यह styled-components साथ बग जैसा लगता है।

styfle 11 नव॰ 2020

👍2

सभी 4 टिप्पणियाँ

आप उदाहरण के लिए Background बजाय Image । शायद आप गलत घटक का उपयोग कर रहे हैं।

मैंने पुष्टि की कि layout="fill" TS के साथ सही ढंग से काम करता है और यह सुझाव भी देता है।

सुनिश्चित करें कि आप सही घटक आयात करने के लिए import Image from 'next/image' का उपयोग करते हैं।

styfle 11 नव॰ 2020

👍1

@ अब मैं मानता हूं कि मुझे वास्तविक समस्या मिली, जब मैं स्टाइल-घटकों के साथ छवि घटक का उपयोग करता हूं, तो लेआउट प्रोप डॉस को नहीं दिखाया गया है, किसी भी विचार को क्यों?

Rechdan 11 नव॰ 2020

क्या यह मानक import Image from 'next/image' उपयोग के साथ काम करता है?

यदि ऐसा है, तो यह styled-components साथ बग जैसा लगता है।

styfle 11 नव॰ 2020

👍2

यह डिफ़ॉल्ट आयात के साथ काम करता है, जो समस्या को हल करता है, धन्यवाद!

Rechdan 12 नव॰ 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स