• 1400/10/30

مشکل در نصب و راه اندازی تیلویند :

سلام وقتتون بخیر، من تازه دوره رو شروع کردم و داشتم تیلویند نصب میکردم که داخل ترمینال این خطا که تو عکس یک هست رو نشون داد و کلاس های تیلویند هم عمل نمیکنه. و توی عکس 2 که گذاشتم فایل ها رو به صورتی که می بینین به تیلویند شناسوندم.

تو عکس 3 که میبینی فایل css خروجی انگار مشکل داره و نمی دونم مشکل چیه.

ممنون میشم راهنمایی کنید تا این مشکلات رو رفع کنم.

  • 1400/10/30
  • ساعت 19:42

سلام اگه ممکنه پروژه رو پاک کنید و روش نصبشو طبق آموزش جلسه دوم دوره پیشرفته که الان روی سایت هست انجام بدید. اون جلسه نصبش رایگانه. اگه بازم مشکلی بود هم از فایل htmlو css ورودی و دستوری که برای build گرفتن میزنید عکس بدید تا حلش کنیم


  • 1400/11/01
  • ساعت 17:30

از روش جدید رفتم جلو این دستور npm install -D tailwindcss زدم اجرا شد ولی این یکی دستور npx tailwindcss init که اجرا کردم این خطایی که تو عکس زیر هست اتفاق افتاد و فایل tailwind.config.js ایجاد نشد لطفا راهنمایی کنید


  • 1400/11/01
  • ساعت 17:37

روی چه فریم ورکی نصب میکنید؟ و اینکه تست کنید ببینید node روی سیستمتون به روز هست یا نه.

از روش tailwind cli  نصب میکنید یا using post css?


  • 1400/11/01
  • ساعت 19:13

 تیلویند داخل هیچ فریم ورکی نصب نکردم فقط ی پروژه ساده تیلویندی می خوام بسازم و آموزش رو شروع کنم . node آپدیت کردم دیگه همه ی مراحلی که برای نصب گفتین رو رفتم و تیلویند نصب شد و تست هم کردم و کلاس های تیلویند عمل کرد ولی وقتی این دستور 

npx tailwind -i ./src/css/input.css -o ./dist/css/output.css --watch

زدم تا css خروجی رو بده داخل عکس زیر میتونین ببینی که داخل ترمینال یه اخطار داده و اونم که خط قرمز کشیدم انگار که داخل فایل css خروجی یک مشکلی هست و یک تعدادی از متغیر ها مقدار ندارن


  • 1400/11/01
  • ساعت 19:45

از فایل tailwind config عکس بزارید بی زحمت


  • 1400/11/02
  • ساعت 11:09

  • 1400/11/02
  • ساعت 11:19

خب مشکلی نیست این فقط یه اخطاره که احتمالا مربوط به php storm عه. چون همه چیز داره درست کار میکنه. شما نصب رو درست انجام دادید.


  • 1400/11/02
  • ساعت 11:44

ینی این اخطاری ک داخل ترمینال اومده و اون پراپرتی ها که مقدار نداره مشکلی نیست؟ چون با vscode هم ک پروژه رو ساختم همین اتفاق افتاد


  • 1400/11/02
  • ساعت 12:17

توی ورژن سه اینا به صورت پیشفرض تعریف شدن ولی مقدار دهی نشدن و وقتی شما مثلا از کلاس rotate بدون اضافه کردن transform استفاده میکنید اینا عمل میکنن. درواقع دلیل اضافه شدن اینا به این خاطره که شما وقتی از کلاس های rotate یا skew یا مثلا scale ها استفاده کنید دیگه نیازی به اضافه کردن کلاس transform نداشته باشید. اینارو تو جلسه سوم اشاره کردم بهش.


  • 1400/11/02
  • ساعت 12:38

خیلی ممنون استاد بابت راهنمایی و پاسخگویی تون.