Next.js: خاصية تخطيط الصورة غير موجودة في TS
تقرير الشوائب
(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"
}
}
معلومات النظام
- نظام التشغيل: Windows
- إصدار Next.js: 10.0.2-canary.4
- إصدار Node.js: v14.15.0
سياق إضافي
تعمل الدعامة ولكن لم يتعرف عليها المحرر.
bug
Rechdan
👍2
ال 4 كومينتر
أنت مثال يقول Background بدلاً من Image . ربما تستخدم المكون الخطأ.
لقد أكدت أن layout="fill" يعمل بشكل صحيح مع TS بل إنه يقدم الاقتراح.
تأكد من استخدام import Image from 'next/image' لاستيراد المكون الصحيح.
styfle
في ١١ نوفمبر ٢٠٢٠
👍1
styfle الآن أعتقد أنني وجدت المشكلة الحقيقية ، عندما أستخدم مكوِّن الصورة مع مكونات ذات نمط ، لا تظهر دعامة التخطيط ، أي فكرة لماذا؟
Rechdan
في ١١ نوفمبر ٢٠٢٠
هل تعمل مع الاستخدام القياسي import Image from 'next/image' ؟
إذا كان الأمر كذلك ، فهذا يبدو وكأنه خطأ في styled-components .
styfle
في ١١ نوفمبر ٢٠٢٠
👍2
يعمل مع الاستيراد الافتراضي الذي يحل المشكلة شكرا!
Rechdan
في ١٢ نوفمبر ٢٠٢٠
هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات
القضايا ذات الصلة
havefive
·
3تعليقات
sospedra
·
3تعليقات
olifante
·
3تعليقات
pie6k
·
3تعليقات
rauchg
·
3تعليقات
التعليق الأكثر فائدة
هل تعمل مع الاستخدام القياسي
import Image from 'next/image'؟إذا كان الأمر كذلك ، فهذا يبدو وكأنه خطأ في
styled-components.