Next.js项目Navbar组件Tailwind CSS类失效问题求助

在我的Next.js项目中，Tailwind CSS无法正常工作，排查所有配置后仍未找到问题。发现将Navbar组件代码移至page.js时，Tailwind类会生效；切回Navbar组件开发后，样式会在一段时间后再次失效，需重复移动代码才能恢复。

Navbar组件代码 #

import Link from 'next/link'
import React from 'react'
import { BiSolidFoodMenu } from "react-icons/bi";
import { RiEBike2Line } from "react-icons/ri";
import { TbInfoOctagon } from "react-icons/tb";
import { TiContacts } from "react-icons/ti";
const Navbar = () => {
  return (
        <div className=' flex  items-center   w-full justify-around space-x-3'>
            <div>
                <h1 className='style '>
                    LUIGIE HOUSE
                </h1>
            </div>
            <div className='flex  space-x-3'>
                    <div className='flex flex-row items-center space-x-2'>
                         <Link href='#'>Home</Link>
                         <BiSolidFoodMenu />
                    </div>
                    <div className='flex flex-row items-center space-x-2'>
                         <Link href='#'>About</Link>
                         <RiEBike2Line />
                    </div>
                    <div className='flex flex-row items-center'>
                         <Link href='#'>Delivery</Link>
                         <TbInfoOctagon />
                    </div>
                    <div className='flex flex-row items-center'>
                         <Link href='#'>Contact</Link>
                         <TiContacts />
                    </div>
            </div>
            <div>
                        Buy
            </div>
        </div>
  )
}

export default Navbar

tailwind.config.js配置 #

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  jit: true,
  theme: {
    extend: {},
  },
  plugins: [],
}

项目文件夹结构 #

• 项目根目录
  • app/
    • page.js
  • components/
    • Navbar.js
  • tailwind.config.js
  • 其他核心配置文件（如package.json、postcss.config.js等）

内容的提问来源于stack exchange，提问作者Real Intro