مشکل کار نکردن 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
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام فرشاد جان 🖐️
امیدوارم حالت خوب باشه ✨
*ما همیشه توی قدم اول اگه برنامه ای که مینویسیم باید کدهامون رو طبق داکیومنت تیلویند یا ... چک کنیم و برابر کنیم که متوجه بشیم اشکال از کجای کاره
این داکیومنت تیلویند وقتی میخای از postcss استفاده کنی 👇
https://tailwindcss.com/docs/installation/using-postcss
قبل از خوندن ادامه راهنمایی یبار دیگه چک کنی بدک نیس 👌
- بعد از قدم اول باید تیلویند و node رو به آخرین ورژن آپدیت کنی و ورودی و خروجی هات رو چک کنی که ببینی آیا درست کار میکنه
- آیا استایل ها به بادی داده شده یا نه ؟
- ایا اروری توی زمانی که npm buildرو میزنی مثلا توی ترمینال میگیری یا نه ؟
- آیا فایل html توی src هست یا نه اینا خیلی مهمه چرا چون به تیلویند میگی فایل ورودی تو توی این مسیر ها باشه
content: ["./src/*/.{html,js}"] - ما تیلویند رو توی فایل خودش کانفیگ میکنن که بتونیم یکسری شخصی سازی هایی رو داشته باشیم پس باید دونه به دونه موارد رو چک کنی و بهم اطلاع بدی 🙏
منتظر جوابت هستم :)
امیدوارم جوابم بتونه بهت کمک کرده باشه
موفق و پیروز باشی ❤️✨
ورژن نود رو چک کن تیلویند روی نود پایین 14 جواب نمیده
اگه نود پایین 14 بود تیلویند 3.1 رو نصب کن
سلام فرشاد جان 🖐️
امیدوارم حالت خوب باشه ✨
*ما همیشه توی قدم اول اگه برنامه ای که مینویسیم باید کدهامون رو طبق داکیومنت تیلویند یا ... چک کنیم و برابر کنیم که متوجه بشیم اشکال از کجای کاره
این داکیومنت تیلویند وقتی میخای از postcss استفاده کنی 👇
https://tailwindcss.com/docs/installation/using-postcss
قبل از خوندن ادامه راهنمایی یبار دیگه چک کنی بدک نیس 👌
- بعد از قدم اول باید تیلویند و node رو به آخرین ورژن آپدیت کنی و ورودی و خروجی هات رو چک کنی که ببینی آیا درست کار میکنه
- آیا استایل ها به بادی داده شده یا نه ؟
- ایا اروری توی زمانی که npm buildرو میزنی مثلا توی ترمینال میگیری یا نه ؟
- آیا فایل html توی src هست یا نه اینا خیلی مهمه چرا چون به تیلویند میگی فایل ورودی تو توی این مسیر ها باشه
content: ["./src/*/.{html,js}"] - ما تیلویند رو توی فایل خودش کانفیگ میکنن که بتونیم یکسری شخصی سازی هایی رو داشته باشیم پس باید دونه به دونه موارد رو چک کنی و بهم اطلاع بدی 🙏
منتظر جوابت هستم :)
امیدوارم جوابم بتونه بهت کمک کرده باشه
موفق و پیروز باشی ❤️✨
سلام ممنون بابت راهنماییتون طبیق چیزی که گفتید مشکلم قرار ندادن html در src بود
که حل شد.
سپاس🙏