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

Question

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

我的硬盘上没有该项目，所以我从 GitHub 克隆了存储库并尝试再次构建它，以自动创建一个 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"
  }
}

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

Why is Tailwind's build command not working?

terminal

tailwind-css