使用TailwindCSS独立CLI时样式未生成的问题排查

• 检查配置文件的扫描路径字段
  Tailwind v4.0+ 把旧版的content字段改成了sources，用来指定需要扫描的HTML/JS等文件。如果你的tailwind.config.js里还是用content，或者sources没包含index.html的路径，CLI就找不到你用的类。
  正确的配置示例：

  /** @type {import('tailwindcss').Config} */
  export default {
    sources: ["./index.html"],
    theme: {
      extend: {},
    },
    plugins: [],
  }
  

• 确认入口CSS文件的指令
  你的tailwind.css必须包含以下三个指令，否则CLI无法生成完整样式：

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

• 验证工作目录与文件路径
  执行CLI命令时，要确保当前终端所在目录就是三个文件（配置、入口CSS、HTML）的存放目录，否则CLI可能找不到文件。可以通过查看当前目录的文件列表确认。

• 检查命令参数
  你的命令./tailwindcss -i tailwind.css -o style.css --watch本身没问题，但如果配置文件不是默认的tailwind.config.js，需要用--config参数指定路径。

内容的提问来源于stack exchange，提问作者Sig