Next-Auth v4自定义登录页面无法加载NextUI与Tailwind CSS样式问题求助

最近跟着Next-Auth v4的在线教程做了个自定义登录页，逻辑层面完全跑通了，但给页面加NextUI和Tailwind CSS样式的时候，样式完全没生效！

具体情况是：组件本身都能正常渲染——比如NextUI的Image组件能正确显示图片，Button也能正常渲染出来，但就是没有任何预设的样式效果。不过我试了内联样式是管用的，比如写style={{ margin: '40px' }}的时候，确实能产生40px的边距。

我已经排查过这些点：

• Next-Auth的配置是比较标准的，自定义登录页的路径在pages选项里已经正确配置
• tailwind.config.ts里已经把pages文件夹的路径正确添加进去了
• pages文件夹的位置没问题，调用signIn()能直接跳转到这个自定义登录页

下面是我的NextAuth配置代码片段：

import CredentialsProvider from 'next-auth/providers/credentials';
import GoogleProvider from 'next-auth/providers/google';
import NextAuth from 'next-auth';
import type { NextAuthOptions } from 'next-auth';
import { VerifyUser } from '@/db';

export const authOptions: NextAuthOptions = {
  theme: {
    // 此处为我的主题配置内容
  },
  providers: [
    CredentialsProvider({
      // 我的Credentials登录逻辑配置
    }),
    GoogleProvider({
      clientId: process.env.GOOGLE_CLIENT_ID!,
      clientSecret: process.env.GOOGLE_CLIENT_SECRET!
    })
  ],
  pages: {
    signIn: '/auth/signin' // 自定义登录页的路径
  }
  // 其他相关配置项
};

export default NextAuth(authOptions);

有没有大佬碰到过类似的问题？求指点一下问题可能出在哪！

备注：内容来源于stack exchange，提问作者David Lister