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

Question

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

我的硬盘上没有该项目，因此我从 GitHub 克隆了该存储库并尝试再次构建它，以自动创建文件style.css。但是，当我尝试使用下面的命令构建时，它会抛出此错误：

npm run build -p 

出了什么问题，我现在应该做什么？

我的包文件：

npm run build -p 

Answer 1

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

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

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

{
  "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"
  }
}