Laravel 项目缺少 Tailwind 类

Question

我有一个新的 Laravel + Tailwind Breeze 安装项目。有些类（例如

text-blue-800 bg-blue-50

）可用，而

text-green-800 bg-green-50

等则不可用。可能是什么问题？我尝试运行

npm run build

以及

npm run dev

但没有任何效果。

tailwind.config.js：

import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';

/** @type {import('tailwindcss').Config} */
export default {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
    ],

    theme: {
        extend: {
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
        },
    },

    plugins: [forms],
};

app.css：

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

Answer 1

tailwind 仅包含构建文件中实际使用的 css。

只需在html中编写css，然后构建即可。

<div class="text-blue-800">
</div>

如果您使用顺风，请在部署时始终运行

npm run build

。