我真的搞不清楚是怎么回事。我有一个导航栏组件，我导入到某些页面。我已经超级简化它只是一个样式化的div与链接内现在：

• /组件/导航栏.js*

<div className="flex items-center justify-center filter drop-shadow-md bg-white h-20"> 
   <Link className="text-xl font-semibold" href="/">LOGO</Link>
</div>

这些类出现在dom中，但是它们没有显示在样式中，并且没有按照预期的样式化元素。Tailwind看起来设置正确，因为它正在处理pages文件夹中的文件。
另一个令人困惑的事实是，如果我用style={{display:"flex"}} it字来设计元素的样式，就像你想象的那样，如果我在 * globals.css * 文件中添加一个自定义样式，它就会设计元素的样式。（只有当我使用普通的css而不是@apply类时）

• 全球.css*

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

.container{
    @apply max-w-[1190px]
}

顺风配置js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
 
    // Or if using `src` directory:
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}