为什么 Tailwind 的构建命令不起作用？

Question

我是初学者，刚刚学习 Tailwind，所以我做了一个项目并将其推送到 GitHub。不幸的是，我在我的 git 忽略文件中添加了 style.css 并且它没有被推送到 GitHub。 Tailwind 在我的 HTML 文件和我的 src/style.css 文件中工作，这应该压缩成 public/style.css。这没问题，我想。

我的硬盘上没有该项目，所以我从 GitHub 克隆了 repo 并尝试再次构建它，以自动创建一个 style.css 文件。但是，当我尝试使用下面的命令进行构建时，它会抛出 this error。

npm run build -p 

有什么问题，我现在应该怎么做？

我的包文件：

{
  "name": "project-1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "tailwindcss -i ./src/tailwind.css -o ./public/style.css -w",
    "build-p" : "postcss ./src/tailwind.css -o ./public/style.css -w" 

  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "autoprefixer": "^10.4.0",
    "postcss": "^8.4.5",
    "tailwindcss": "^3.0.6"
  }
}

Answer 1

您在build 命令前面缺少npx，因为tailwindcss 不是可执行文件。

在package.json 的构建命令开头添加npx 以解决此问题。

这里是基于您提供的屏幕截图的示例：

{
  "name": "project-1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "npx tailwindcss -i ./src/tailwind.css -o ./public/style.css --watch",
    "build-p": "postcss ./src/tailwind.css -o ./public/style.css --watch"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "autoprefixer": "^10.4.0",
    "postcss": "^8.4.5",
    "tailwindcss": "^3.0.6"
  }
}