Running tailwindcss v4 using pnpm not working! I need help!

[devark28]

when installing tailwindcss v4 using the official tailwind docs and just replace npm with pnpm, and then try to run dev i get an error telling me that vite is not installed with this error:

$ pnpm dev

> [email protected] dev /home/pc/Documents/testing.com
> vite

sh: 1: vite: not found
ELIFECYCLE  Command failed.

for reference, the command i used for installation are:

$ pnpm i tailwindcss @tailwindcss/vite

and my package.json is as follows:

{
  "name": "testing.com",
  "version": "1.0.0",
  "description": "",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@tailwindcss/vite": "^4.0.0",
    "tailwindcss": "^4.0.0"
  }
}

lastly node_modules tree structure is:

$ tree node_modules/
node_modules/
├── @tailwindcss
│   └── vite -> ../.pnpm/@[email protected][email protected][email protected][email protected]_/node_modules/@tailwindcss/vite
└── tailwindcss -> .pnpm/[email protected]/node_modules/tailwindcss

[RobinMalfait]

Looks like you want to use Tailwind CSS with vite, make sure to install Vite and set it up as well.

Checkout Vite for more info: https://vite.dev/guide/

These are the Tailwind CSS docs to integrate it with Vite: https://tailwindcss.com/docs/installation/using-vite

[Naffsisky]

Try

pnpm add -D tailwindcss @tailwindcss/vite