Laravel项目中Tailwind CSS样式不显示问题求助

问题重现步骤 #

• 执行composer create-project laravel/laravel testcssproject创建Laravel新项目；
• 在默认视图文件resources/views/welcome.blade.php的指定段落下方添加带Tailwind样式的段落：<p class="text-8xl font-bold text-red-500">这段文字应该是大字号、加粗、红色</p>；
• 浏览器中该段落仅显示纯文本，无对应样式，但默认视图自带的Tailwind样式能正常生效。

已尝试的无效解决方案 #

• 执行php artisan view:clear等缓存清理命令，重启服务器并强制刷新页面，问题依旧；
• 执行npm run dev编译资源，无效果；
• 安装Breeze扩展包后，登录/注册选项正常显示，但目标段落仍无样式。

Tailwind配置文件 #

const defaultTheme = require('tailwindcss/defaultTheme');

/** @type {import('tailwindcss').Config} */
module.exports = {
    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: [require('@tailwindcss/forms')],
};

内容的提问来源于stack exchange，提问作者Geoff L