配置Tailwind CSS 3提示未检测到工具类如何解决？

Tailwind CSS 3 构建流程会根据content配置项指定的路径扫描所有源文件，提取文件中实际用到的工具类名，再按需生成最终的CSS产物。
当前配置的扫描范围仅覆盖./src/**/*.{html,js}，但项目中src目录下只有input.css这一个样式入口文件，实际编写Tailwind类名的index.html存放在public目录下，完全不在扫描路径内。Tailwind扫描完所有配置路径后没有检测到任何被使用的工具类，就会抛出该警告。

修改项目根目录下的tailwind.config.js文件，调整content配置项，将存放业务代码、写有Tailwind类名的文件路径加入扫描范围即可。
针对当前目录结构，将public目录纳入扫描规则的配置如下：

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./public/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

如果后续需要在src目录下编写带Tailwind类名的前端脚本，也可以同时配置两个目录的扫描规则：

content: ["./public/**/*.{html,js}", "./src/**/*.{html,js}"],

配置修改完成后保存，正在运行的--watch监听进程会自动触发重新构建，警告会直接消失，index.html中编写的工具类也会正常编译输出到public/output.css文件中。

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