أستعمل tailwind مع next.js عندما أكتب كلاسات معينة ك hover أو focus أو تحديد عرض الشاشات مثل md:example يظهر هذا الخطأ.
لماذا يظهر هذا الخطأ في tailwind css؟
اعتقد أن المشكلة في المسافة بين الـ :hover وبين الـ underline
جرب ازالة المسافة وانظر إن كان الخطأ سيظهر مرة اخرى.
في Tailwind يتم كتابة الموجهات directives مثل hover و dark و rtl .. إلخ بدون وجود مسافة بينها وبين الخاصية، مثال:
hover:bg-gray-500 dark:bg-white rtl:ml-4
في حالة وجود مسافة في أي صنف Class من الأصناف السابقة سوف يتم إعتباره صنفين منفصلين.
حاول إزالة المسافة الإضافية من الكود الخاص بك، ليصبح على النحو التالي:
@apply cursor-pointer hover:underline;
التعليقات