检查您的tailwind.config.js文件，并查找类似以下内容的内容：

module.exports = {
    mode: 'jit',
    purge: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './vendor/laravel/jetstream/**/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './resources/js/**/*.vue',
    ],
    // ...
}

在本例中，JIT模式被启用，您可以在purge中指定查找使用过的Tailwind CSS类的文件。在这里，您有三个选项：
1.[不推荐]禁用JIT模式。
1.遵循here准则，确保编译器在您指定的文件中看到您的类名，即在这些文件中编写可清除的HTML代码。
1.将purge分为content和safelist，这样编译器就不会意外地删除在那里指定的类（这些类不会显式出现在可清除的HTML代码中）。
使用上面的示例，第三个选项将如下所示：

module.exports = {
    mode: 'jit',
    purge: {
        content: [
            './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
            './vendor/laravel/jetstream/**/*.blade.php',
            './storage/framework/views/*.php',
            './resources/views/**/*.blade.php',
            './resources/js/**/*.vue',
        ],
        safelist: [
            'from-red-400', // this is the class you wanted

            // ... some other classes you may need

            'bg-blue-500', // example class
            'text-center', // example class
            'hover:opacity-100', // example class
        ]
    },
    // ...
}

在2023年，如果有人遇到同样的问题，这是我发现有效的解决方案：
将其添加到tailwind.config.js中

safelist: [
        'bg-blue-100',
        {
            pattern: /bg-(gray|red|orange|amber|yellow|green|lime|blue|sky|teal|indigo|violet|purple|pink)-(50|100|200|300|400)/,
        },
        {
            pattern: /text-(gray|red|orange|amber|yellow|green|lime|blue|sky|teal|indigo|violet|purple|pink)-(500|600|700|800)/,
        },
    ],