Tailwind CSS 实用程序类在重建之前在 Next.js 14 中无法识别

Question

我在项目中使用 Next.js 14 和 Tailwind CSS。我注意到，当我添加 Tailwind CSS 实用程序类时，它们并不总是立即被识别。 要查看新实用程序类的运行情况，我必须停止开发服务器，删除 .next 构建文件夹，然后重新启动服务器。

这是我面临的问题的示例：

我为组件添加了一个新的实用程序类以实现最小宽度：

// 组件/ExampleComponent.jsx

export default function ExampleComponent() {
  return (
    <div className="min-w-full">
      This div should have a minimum width of 100%.
    </div>
  );
}

添加 min-w-full 类后，在执行以下步骤之前我看不到反映的更改：

• 停止开发服务器
• 删除.next文件夹
• 重新启动开发服务器：npm run dev

我也尝试添加模式：“jit”，但它什么也没做..

我的 tailwind.config.js 文件

Answer 1

你能分享你的顺风配置吗？

我认为你需要设置一个内容参数，我启动了一个新的 nextjs 应用程序，它似乎对我有用。