NextAuth v5+最新版NextJs：无法解析child_process问题求助

问题详情 #

在基于MongoDB实现认证功能时，安装Beta版NextAuth v5后遇到以下异常：

• 当组件/页面标记为客户端组件（添加"use client"指令、使用useState/useEffect等React客户端钩子）时，应用直接崩溃，报错：Module not found: Can't resolve 'child_process'
• 仅在服务器组件中通过"use server"标记的Action函数调用signIn时，应用可正常运行，示例代码：

import { signIn } from "@/auth.ts"
 
export function SignIn() {
  return (
    <form
      action={async () => {
        "use server"
        await signIn("google")
      }}
    >
      <button type="submit">Signin with Google</button>
    </form>
  )
} 

经排查，错误根源来自./node_modules/mongodb/lib/client-side-encryption/mongocrptd_manager.js中的const { spawn } = require('child_process')语句，尝试过删除该引用、降级相关依赖、设置Webpack禁用child_process等方法，均未解决问题。

有效解决方案 #

1. 隔离服务器端依赖 #

确保NextAuth的核心配置（auth.ts）以及MongoDB客户端实例仅在服务器端模块中定义和导入，绝对不要在客户端组件中直接引入包含MongoDB驱动的模块。

2. 配置Webpack排除客户端不兼容模块 #

在next.config.js中添加Webpack配置，将child_process和MongoDB的客户端加密模块标记为仅服务器端可用，避免客户端打包时加载：

/** @type {import('next').NextConfig} */
const nextConfig = {
  webpack: (config, { isServer }) => {
    if (!isServer) {
      config.resolve.fallback = {
        ...config.resolve.fallback,
        child_process: false,
        'mongodb/lib/client-side-encryption': false
      };
    }
    return config;
  },
};

module.exports = nextConfig;

3. 统一通过服务器端Action处理认证操作 #

所有认证相关逻辑（如signIn、signOut）都放在服务器端Action或API Route中，客户端仅负责触发这些操作（比如表单提交、按钮点击事件），避免在客户端直接调用涉及MongoDB的方法。

4. 锁定兼容的依赖版本 #

如果使用的MongoDB驱动版本过高，可能默认启用了客户端加密模块，尝试降级到稳定兼容版本（例如mongodb@6.3.0），同时确保NextAuth v5 Beta版本与该驱动版本匹配。

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