部署在Vercel的NextAuth.js /api/auth/报错求解决方案

我将NextAuth.js部署到Vercel后，访问/api/auth/路径出现错误。已在Vercel环境变量中配置NEXTAUTH_URL、NEXTAUTH_SECRET、GOOGLE_CLIENT_ID、GOOGLE_CLIENT_SECRET，本地.env文件也做了完全相同的配置，本地运行一切正常，但Vercel部署后的URL无法正常工作。

以下是我的route.js代码：

import NextAuth from "next-auth"
import GoogleProvider from "next-auth/providers/google";
import CredentialsProvider from "next-auth/providers/credentials";

export const authOptions = {
    providers: [
        GoogleProvider({
            clientId: process.env.GOOGLE_CLIENT_ID,
            clientSecret: process.env.GOOGLE_CLIENT_SECRET,
            profile(profile) {

                return {
                    id: profile?.sub,
                    username: profile?.email,
                }
            }
        }),
        CredentialsProvider({
            name: "Credentials",
            credentials: {
                username: {label: "Username", type: "text", placeholder: "JuNRod"},
                password: {label: "Password", type: "password", placeholder: "*********"}
            },

            async authorize(credentials) {
                return {
                    username: credentials?.username,
                    password: credentials?.password
                }
            },
        }),
    ],
    secret: process.env.NEXTAUTH_SECRET,
    callbacks: {
        async jwt({token,user}) {

    ¿Any solution Devs??        if (user) {
                token.username = user?.username
                token.password = user?.password
            }

            return token
        },
        async session({token}) {
            return token
        }
    },
}

const handler = NextAuth(authOptions)

export {
    handler as GET,
    handler as POST,
}

目录结构截图：

Google凭据配置截图：

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