我用vite + react + typescript启动了一个项目，安装了tailwind，一切都很顺利，直到我在/src中创建了一个子文件夹，并在子文件夹中的文件中添加了样式，tailwind的自动构建或监视模式停止了工作。
例如，当样式位于/src/App.tsx中时，一切都很正常，但如果我在/src/components/Header. tsx中添加样式，并将该组件导入App.tsx，则无法自动构建tailwind css文件。
重新启动服务器可以正确应用新样式。
这是我的文件的外观：
tailwind.config.js

module.exports = {
    content: ["./index.html", "./src/**/*.{html,ts,tsx}", "./src/*.{ts,tsx}"],
    theme: {
        borderColor: {
            black: "#000",
        },
        borderWidth: {
            1: 1,
        },
        extend: {
            colors: {
                custom1: "#F5A",
            },
        },
    },
    plugins: [],
};

postcss.config.js

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

源代码/应用程序. tsx

import "./index.css";
import Users from "./components/Users";
import Header from "./layout/header";

function App() {
    return (
        <div>
            <Header />
            <Users />
        </div>
    );
}

export default App;

源代码/布局/标题. tsx

import React from "react";

function Header() {
    return (
        <div className="bg-custom1">
            <h1 className="text-5xl p-6">Welcome to my app!</h1>
            <nav>
                <ul>
                    <li>
                        <a href="/addUser">Add User</a>
                    </li>
                    <li>
                        <a href="/addUser">Users</a>
                    </li>
                </ul>
            </nav>
        </div>
    );
}

export default Header;