farshad
1 سال پیش توسط farshad مطرح شد
3 پاسخ

مشکل کار نکردن tailwind

مشکلش چیه که به body background نمیده

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/dist/output.css">
    <link rel="stylesheet" href="/src/input.css">
</head>
<body class="bg-slate-700">

</body>
</html>

html

{
  "name": "site",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "tailwindcss": "^3.3.3"
  }
}
/* @type {import('tailwindcss').Config} /
module.exports = {
content: ["./src/*/.{html,js}"],
theme: {
extend: {},
},
plugins: [],
}

tailwind.confing.css

@tailwind base;  
@tailwind components;  
@tailwind utilities;

css

طبق آموزش میرم همه چی شم درست رفتم فقط فایل postcss نصب نمیشه
@ossvahid
@Raymond
@FullStack


ثبت پرسش جدید
مهدی نظری
تخصص : توسعه دهنده Front End
@mahdi.nazari 1 سال پیش مطرح شد
0

سلام فرشاد جان 🖐️
امیدوارم حالت خوب باشه ✨
*ما همیشه توی قدم اول اگه برنامه ای که مینویسیم باید کدهامون رو طبق داکیومنت تیلویند یا ... چک کنیم و برابر کنیم که متوجه بشیم اشکال از کجای کاره
این داکیومنت تیلویند وقتی میخای از postcss استفاده کنی 👇
https://tailwindcss.com/docs/installation/using-postcss

قبل از خوندن ادامه راهنمایی یبار دیگه چک کنی بدک نیس 👌

  • بعد از قدم اول باید تیلویند و node رو به آخرین ورژن آپدیت کنی و ورودی و خروجی هات رو چک کنی که ببینی آیا درست کار میکنه
  • آیا استایل ها به بادی داده شده یا نه ؟
  • ایا اروری توی زمانی که npm buildرو میزنی مثلا توی ترمینال میگیری یا نه ؟
  • آیا فایل html توی src هست یا نه اینا خیلی مهمه چرا چون به تیلویند میگی فایل ورودی تو توی این مسیر ها باشه
    content: ["./src/*/.{html,js}"]
  • ما تیلویند رو توی فایل خودش کانفیگ میکنن که بتونیم یکسری شخصی سازی هایی رو داشته باشیم پس باید دونه به دونه موارد رو چک کنی و بهم اطلاع بدی 🙏

منتظر جوابت هستم :)
امیدوارم جوابم بتونه بهت کمک کرده باشه
موفق و پیروز باشی ❤️✨


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

ورژن نود رو چک کن تیلویند روی نود پایین 14 جواب نمیده
اگه نود پایین 14 بود تیلویند 3.1 رو نصب کن


مهدی نظری
تخصص : توسعه دهنده Front End
@mahdi.nazari 1 سال پیش مطرح شد
0

سلام فرشاد جان 🖐️
امیدوارم حالت خوب باشه ✨
*ما همیشه توی قدم اول اگه برنامه ای که مینویسیم باید کدهامون رو طبق داکیومنت تیلویند یا ... چک کنیم و برابر کنیم که متوجه بشیم اشکال از کجای کاره
این داکیومنت تیلویند وقتی میخای از postcss استفاده کنی 👇
https://tailwindcss.com/docs/installation/using-postcss

قبل از خوندن ادامه راهنمایی یبار دیگه چک کنی بدک نیس 👌

  • بعد از قدم اول باید تیلویند و node رو به آخرین ورژن آپدیت کنی و ورودی و خروجی هات رو چک کنی که ببینی آیا درست کار میکنه
  • آیا استایل ها به بادی داده شده یا نه ؟
  • ایا اروری توی زمانی که npm buildرو میزنی مثلا توی ترمینال میگیری یا نه ؟
  • آیا فایل html توی src هست یا نه اینا خیلی مهمه چرا چون به تیلویند میگی فایل ورودی تو توی این مسیر ها باشه
    content: ["./src/*/.{html,js}"]
  • ما تیلویند رو توی فایل خودش کانفیگ میکنن که بتونیم یکسری شخصی سازی هایی رو داشته باشیم پس باید دونه به دونه موارد رو چک کنی و بهم اطلاع بدی 🙏

منتظر جوابت هستم :)
امیدوارم جوابم بتونه بهت کمک کرده باشه
موفق و پیروز باشی ❤️✨


farshad
تخصص : برنامه نویس
@fasrshaddggdf3FFF 1 سال پیش مطرح شد
1

سلام ممنون بابت راهنماییتون طبیق چیزی که گفتید مشکلم قرار ندادن html در src بود
که حل شد.
سپاس🙏


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

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