راکت

نصب tailwindcss روی پروژه react و با vite

10 پاسخ

سلام دوستان
میخوام tailwindcss رو توی react vite اجرا کنم اما نمیشه
نصب کردم با npm install --registry="https://mirror-npm.runflare.com" tailwindcss
اما زمانی که باید بنویسم npx tailwindcss init -p تا فایل های کانفینگ بیاد نمیشه و ارور میزنه
کسی راه حلی داره که بتونم کارای npx tailwindcss init -p رو با این وضعیت اینترنت انجام بدم؟

ثبت پرسش جدید

پاسخ‌ها

10
امیرعباس خلفی
امیرعباس خلفی
@GProSelf

سلام وقت به خیر
این دستورات رو اجرا کنید خروجیشون رو بفرستید تا ببینیم دقیقا مشکل چیه

npm install --registry="https://mirror-npm.runflare.com" tailwindcss
npx tailwindcss init
سجاد سلیمانی
سجاد سلیمانی
@SajadSli

برای اولی که مشکلی نداره و نصب میشه
up to date, audited 161 packages in 31s
35 packages are looking for funding
run npm fund for details
اما دومی
npm error could not determine executable to run
npm error A complete log of this run can be found in: C:\Users\Sajad\AppData\Local\npm-cache_logs\2026-03-28T15_06_51_527Z-debug-0.log

شاید پاسخ شما همین‌جا باشد

امیرعباس خلفی
امیرعباس خلفی
@GProSelf
npm install -g npm@latest

این دستور رو بزنید بعدش تست کنید اگر درست نشد اینو بزنید:

npm uninstall tailwindcss
npm install tailwindcss
npx tailwindcss init

مشکل احتمالا از path npx هست

اگر درست نشد، محتوای فایل log رو بفرستید که بررسی کنم مشکل رو میگم بهتون

سجاد سلیمانی
سجاد سلیمانی
@SajadSli

همچنان ارور میزنه



```0 verbose cli C:\Program Files\nodejs\node.exe C:\Users\Sajad\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js
1 info using npm@11.12.1
2 info using node@v24.11.1
3 silly config load:file:C:\Users\Sajad\AppData\Roaming\npm\node_modules\npm\npmrc
4 silly config load:file:C:\Users\Sajad\Desktop\app-vite-react\.npmrc
5 silly config load:file:C:\Users\Sajad\.npmrc
6 silly config load:file:C:\Users\Sajad\AppData\Roaming\npm\etc\npmrc
7 verbose title npm exec tailwindcss init -p
8 verbose argv "exec" "--" "tailwindcss" "init" "-p"
9 verbose logfile logs-max:10 dir:C:\Users\Sajad\AppData\Local\npm-cache\_logs\2026-03-28T21_48_53_370Z-
10 verbose logfile C:\Users\Sajad\AppData\Local\npm-cache\_logs\2026-03-28T21_48_53_370Z-debug-0.log
11 silly logfile start cleaning logs, removing 1 files
12 silly logfile done cleaning log files
13 silly packumentCache heap:2348810240 maxSize:587202560 maxEntrySize:293601280
14 verbose stack Error: could not determine executable to run
14 verbose stack     at getBinFromManifest (C:\Users\Sajad\AppData\Roaming\npm\node_modules\npm\node_modules\libnpmexec\lib\get-bin-from-manifest.js:17:23)
14 verbose stack     at exec (C:\Users\Sajad\AppData\Roaming\npm\node_modules\npm\node_modules\libnpmexec\lib\index.js:211:15)
14 verbose stack     at async Npm.exec (C:\Users\Sajad\AppData\Roaming\npm\node_modules\npm\lib\npm.js:193:9)
14 verbose stack     at async module.exports (C:\Users\Sajad\AppData\Roaming\npm\node_modules\npm\lib\cli\entry.js:67:5)
15 verbose pkgid tailwindcss@4.2.2
16 error could not determine executable to run
17 verbose cwd C:\Users\Sajad\Desktop\app-vite-react
18 verbose os Windows_NT 10.0.26200
19 verbose node v24.11.1
20 verbose npm  v11.12.1
21 verbose exit 1
22 verbose code 1
23 error A complete log of this run can be found in: C:\Users\Sajad\AppData\Local\npm-cache\_logs\2026-03-28T21_48_53_370Z-debug-0.log
امیرعباس خلفی
امیرعباس خلفی
@GProSelf

عجبیه.
ان پی ام tailwindcss رو نمیشناسه.
اینیت رو با npm انجام بده یا موقع نصب فلگ -D رو تست کن و قبلش مجدد تیلویند رو پاک کن.
توی یک دایرکتوری جدید هم تست کن. این سه مورد رو تست کن احتمالا درست میشه. نشد یک بار مجدد node js رو نصب کنید

سید حسن ایرانشاهی
سید حسن ایرانشاهی
@hasaniranshahi0

تخصص: برنامه نویس

سلام
لازمه @tailwincss/postcss هم بریزید. با دستور زیر اقدام به نصب tailwindcss کنید.

npm install tailwindcss @tailwindcss/postcss

همچنین لازم است فایل postcss.config.js را در دایرکتوری اصلی پروژه اضافه کنید و محتوای آن را به شکل زیر وارد کنید.

export default {
    plugins: {
        '@tailwindcss/postcss': {},
    },
};

با انجام موارد tailwindcss بر روی ریکت نصب می شود.

سجاد سلیمانی
سجاد سلیمانی
@SajadSli

درست شد
تشکر از کمکتون

سجاد سلیمانی
سجاد سلیمانی
@SajadSli

درست شد
تشکر از کمک هاتون

علی خادم
علی خادم
@ali.khadem.sh

تخصص: متخصص فرانت اند

@SajadSli
چیکار کردی که حل شد. برا من چرا حل نمیشه؟

سید حسن ایرانشاهی
سید حسن ایرانشاهی
@hasaniranshahi0

تخصص: برنامه نویس

@ali.khadem.sh
بالا توضیح دادم انجام بده میشه.

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

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