ممکن است در زمان کار با tailwind، گاهی کلاس های موجود در آن را بر روی المان ها استفاده کنیم ولی در زمان اجرا این کلاس های عمل نکنند. این اتفاق به چند دلیل ممکن است رخ دهد:
1. مسیر اسکن فایل ها در فایل تنظیمات تیلویند به درستی تنظیم نشده است:
const config: Config = {
content: [
"./modules/**/*.{js,ts,jsx,tsx,mdx}"
]
}
در این مثال تیلویند در زمان بیلد فایل های با پسوند js, ts, jsx, tsx, mdx درون فولدر modules را برای پیدا کردن کلاس ها و اضافه کردن به خروجی اسکن می کند و هر فایلی خارج از فولدر modules نادیده گرفته می شوند.
پس حتمن وجود مسیرهای (املای درست، حروف کوچک و بزرگ و ...) تعریف شده را بررسی کنید.
2. ممکن است کلاس ها به صورت داینامیک و در زمان اجرا ایجاد شوند. مانند:
var className = "sm" + ":" + "block"
برای حل این مشکل مطلب زیر را مطالعه کنید: چطور نام کلاس هایی که به صورت داینامیک درست می شوند را به خروجی tailwind اضافه کنیم؟
رای
0
ارسال نظر
مرتب سازی:
اولین نفری باشید که نظر می دهید!