لماذا يظهر هذا الخطأ في tailwind css؟

أستعمل tailwind مع next.js عندما أكتب كلاسات معينة ك hover أو focus أو تحديد عرض الشاشات مثل md:example يظهر هذا الخطأ.

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

اعتقد أن المشكلة في المسافة بين الـ :hover وبين الـ underline

جرب ازالة المسافة وانظر إن كان الخطأ سيظهر مرة اخرى.

نعم تم الحل شكرا لك

ولكن أنا لم اضف هذه المسافة إضافة Prettier هي من أضافتها لما أضافتها طالما أنها ستسبب خطأ؟

Prettier لم تتعر على الملف على أنه tailwind  وإنما على انه css ولذلك تقوم بعمل المسافات بناءً على ان الملف من النوع css

شكرا لك

في Tailwind يتم كتابة الموجهات directives مثل hover و dark و rtl .. إلخ بدون وجود مسافة بينها وبين الخاصية، مثال:

hover:bg-gray-500 dark:bg-white rtl:ml-4

في حالة وجود مسافة في أي صنف Class من الأصناف السابقة سوف يتم إعتباره صنفين منفصلين.

حاول إزالة المسافة الإضافية من الكود الخاص بك، ليصبح على النحو التالي:

@apply cursor-pointer hover:underline;

شكرا لك

  • حذف بواسطة المستخدم