علی انصافی
1 سال پیش توسط علی انصافی مطرح شد
3 پاسخ

کار نکردن tailwindcss در پروژه react

سلام و وقت بخیر
من همچنان دارم روی یک پروژه ی تمرینی react کار میکنم و قصد دارم css خام پروژه ام رو پاک کنم و به جاش از tailwind استفاده کنم. مشکلی که بهش برخوردم اینه که متاسفانه کلاس های tailwind رو نمیخونه و کار نمیکنه.
توی نصب هم طبق داکیومنت خود سایت tailwind پیش رفتم. ممنون میشم اگر راهنماییم کنید که مشکلم از کجاست. تصویر

فایل index.css

 تصویر
فایل config

 تصویر
فایل home که از طریق route توی app.js فراخونیش کردم.

 تصویر
خروجی نهایی. کدهای css خام خونده میشه ولی بخش header و footer که با tailwind نوشته شده کار نمیکنه


ثبت پرسش جدید
محمد حسین
تخصص : mevn stack
@saghari 1 سال پیش مطرح شد
1

منم یه بار این مشکل رو داشتم با vite ولی وقتی سرور رو ری استارت کردم درست شد


Banana Life
@shift.delete 1 سال پیش آپدیت شد
0

سلام
دوست عزیز در content ادرس دهی فایل هات از لیست در بیار و امتحان کن

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx}"
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

محمد حسین
تخصص : mevn stack
@saghari 1 سال پیش مطرح شد
1

منم یه بار این مشکل رو داشتم با vite ولی وقتی سرور رو ری استارت کردم درست شد


علی انصافی
تخصص : Front-End Student
@aliensafiii 1 سال پیش مطرح شد
0

همونروز چند بار پروژه رو ری استارت کردم کار نمیکرد.
یه روز به حال خودش ولش کردم بعدش تست کردم درست شد و کار کرد😅

ممنون از شما


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام