Tailwind CSS类样式不生效 构建提示未检测到源码工具类

编译警告、类名不生效的核心问题出在Tailwind的编译入口配置上：你在package.json的build脚本里指定了编译输入文件是根目录的./input.css，但这个文件要么不存在，要么里面没写Tailwind要求的三个核心指令，导致编译时根本不会扫描HTML提取类名、生成对应工具样式，最后输出的css/main.css只有基础样式重置代码，自然没有font-mono这类工具类的规则。
你写的tailwind.config.js里content配置["./*.html"]是对的，刚好匹配根目录下的index.html路径，这块不用改。

• 在项目根目录（和package.json同层级）新建input.css文件，只写三行核心指令：

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

• 把现有css/main.css里的旧内容全部清空，终端重新执行编译命令：

npm run build

• 正常编译完不会再出「未检测到工具类」的警告，打开新生成的css/main.css能搜到.font-mono对应的样式代码，刷新页面h1就会变成等宽字体。
• 日常开发直接跑npm run watch就行，改HTML里的类名会自动重新编译CSS，不用每次手动执行build。

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