tailwindcss command not found

[Partymann2000]

error when i use a talwind command: npm run watch:css

>[email protected]:css
>tailwindcss -i ./app/style.css -o ./app/output.css --watch

The command ‘tailwindcss’ is either misspelled or

could not be found.

this is my package.json

{
  "name": "xenority_dnc",
  "productName": "Xenority DNC",
  "version": "1.0.1",
  "description": "DNC program programmed by Partymann2000",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "build:css": "tailwindcss -i ./app/style.css -o ./app/output.css",
    "watch:css": "tailwindcss -i ./app/style.css -o ./app/output.css --watch",
    "build": "npm run build:css && electron-builder",
    "init-tailwind": "tailwindcss init"
  },
  "author": "Partymann2000",
  "license": "MIT",
  "dependencies": {
    "serialport": "^13.0.0"
  },
  "devDependencies": {
    "autoprefixer": "^10.4.21",
    "electron": "^37.1.0",
    "electron-builder": "^24.6.0",
    "postcss": "^8.5.6",
    "tailwindcss": "^4.1.11",
    "tailwindcss-scrollbar": "^0.1.0"
  },
  "build": {
    "appId": "com.xenority.dnc",
    "productName": "Xenority DNC",
    "directories": {
      "output": "build"
    },
    "files": [
      "app/**/*",
      "main.js",
      "preload.js",
      "send-logic.js",
      "config-manager.js",
      "package.json"
    ],
    "asar": true,
    "extraResources": [],
    "win": {
      "target": "nsis",
      "icon": "app/icon.ico"
    },
    "nsis": {
      "oneClick": false,
      "perMachine": true,
      "allowElevation": true,
      "allowToChangeInstallationDirectory": true,
      "createDesktopShortcut": true,
      "createStartMenuShortcut": true
    },
    "publish": null
  }
}

What did I do about it?

• I deleted the npm_cache (in the system)
• I deleted the node_modules folder and package-lock.json file in my project
• i reinstall node and tailwind

[adamwathan]

You need to install @tailwindcss/cli as well:

https://tailwindcss.com/docs/installation/tailwind-cli

[Partymann2000]

thx