TailwindCSS配置无法识别源文件，请求排查错误原因

你的tailwindcss.config.cjs中，content数组里的文件扩展名匹配规则存在语法错误：扩展名之间的逗号后不能加空格。

修正后的配置文件如下：

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        "./index.html",
        "./src/**/*.{js,ts,jsx,tsx}", // 去掉了逗号后的空格
    ],
    theme: {
        extend: {},
    },
    plugins: [],
}

原因说明 #

Tailwind 使用 glob 模式匹配文件路径，逗号后的空格会被当成路径的一部分解析，系统会尝试寻找文件名包含空格的文件，而你的源文件显然不符合这个规则，导致无法被识别。去掉空格后，glob 就能正确匹配所有指定扩展名的文件了。

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