Tailwind CSS 的安装命令（编译和监视）在几分钟后仍未结束

Question

我很难运行命令来首次设置 Tailwind CSS，只需遵循 Flask-Flowbite 教程。下面的编译和观察命令在 30 分钟后没有结束。我必须用 CTRL+C 终止该进程。 Stackoverflow 中有一些问题，但所有解决方案都不适用于我的案例。知道最新的解决方案是什么和/或我的案例有什么问题吗？

npx tailwindcss -i ./kg-app/static/src/input.css -o ./kg-app/static/dist/css/output.css --watch

Rebuilding...

warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration.
warn - https://tailwindcss.com/docs/content-configuration

Done in 130ms.

根据上述不同解决方案，有时会出现警告，有时则不会。

tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    ".kg-app/templates/**/*.{html,js,jsx}",
    ".kg-app/static/src/**/*.{html,js,jsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

kg-app/static/src/input.css

@tailwind base;
@tailwind components;
@tailwind utilities;

我在Stackoverflow中找到的解决方案中找到的内容中尝试了几种路径候选，但没有成功。请注意，我的文件夹结构与教程不同：

命令前：

• kg-app/static/src/input.css

• tailwind.config.js

命令后添加此文件：

• kg-app/static/dist/css/output.css

Answer 1

使用

--watch

开关，您可以告诉 tailwind 监视文件并在发生任何更改时重新编译。如果您等待结束，它不会结束并永远观看文件。取下开关并重试。

您可以使用 --watch 或 -w 标志来启动监视进程，并在您进行任何更改时自动重建 CSS：

https://v2.tailwindcss.com/docs/installation#watching-for-changes