长时间处理 React 项目时，Tailwind 样式无法很好地加载

Question

我正在开发一个 React 应用程序，使用 Tailwind 进行样式设置。当我开发一段时间后，就会出现这个问题。例如，我添加一个带有

hover:bg-red-900

的容器，它一开始可以工作，但由于某种原因，该特定样式停止工作。然后，如果我将其从

900

更改为

800

，它工作正常，但如果我切换回

900

，它就会“卡在”错误中。

我不确定问题是否与缓存、内存或其他有关。但这很令人沮丧，它让我无法轻松地继续下去。

要修复该错误，我必须使用内联样式或创建 .css 文件...实际上不需要。

Answer 1

应用 tailwind 配置文件中的路径。

/** @type {import('tailwindcss').Config} */
module.exports = {
  content:{
    relative: true, 
    files: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./layout/**/*.{js,ts,jsx,tsx,mdx}", ==> I am using outside component So when I add path it working.
 
  ],},
  theme: {
    extend: {},
  },
  plugins: [],
}