Reactjs Tailwind不使用@apply classes构建，并强制使用类似于移动的viewport

出了个奇怪的问题，我会尽量解释清楚.

所以，有时当我用TailWind(与VITEBundle 在一起)编写我的Reaction项目时，TailWind就会决定停止工作.它只编译我的组件库使用的类--那就是Flowbit--而不编译其他任何类.这是我的input.css--文件是这样的:

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

@layer components {
    .filtry_nadpis {
        @apply mt-4 mb-2 text-xl font-extrabold leading-none tracking-tight text-gray-900 md:text-2xl lg:text-3xl dark:text-white;
    }
}

以下是它在浏览器中出现故障时的外观: broken website个

顶部的文本应该是.filtry_nadpis级的，整个页面应该占屏幕的70%.它看起来就像在移动设备上--甚至store 里的柱子数量也像在移动设备上--而不是根据实际的视窗宽度.

我总是通过在GIT中返回一个提交来修复这个问题--这一次，它没有起作用.它看起来是随机断裂的.

请注意，这发生在我开始使用维生素E之前.

已try 删除 node 模块并重新安装、重建TailWind、重新启动服务器...但却徒劳无功.

Edit:
加入时间:清华2007年01月25日下午3:33 Tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  mode: 'jit',
  content: {
    enabled: process.env.NODE_ENV === 'production',
    safeList: [],
    content: [
      './index.html',
      './src/**/*.{vue,js,ts}',
      "node_modules/flowbite-react/**/*.{js,jsx,ts,tsx}"
    ],
  },
  theme: {
    extend: {},
  },
  plugins: [
    require('flowbite/plugin')
  ],
}

Vive.config.js

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import tailwindcss from "tailwindcss";

export default defineConfig({
  plugins: [
    react(),
    tailwindcss()
  ],
});

发布css.config.js

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