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

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


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

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

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

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

@apply cursor-pointer hover:underline;

شكرا لك