Next.js搭配NextAuth构建报错：next-auth未导出./client路径如何解决

构建报错的核心原因是NextAuth版本与导入路径不匹配：你项目代码中使用了next-auth/client的导入写法，该路径仅适用于NextAuth v3及更早版本；如果你当前安装的是NextAuth v4及以上版本，官方已经调整了导出规则，不再对外暴露./client路径，因此webpack打包时找不到对应模块触发编译失败。

两种方案二选一即可：

方案1：适配新版本NextAuth（推荐，v3已停止维护） #

• 全局搜索项目中所有导入next-auth/client的代码，将导入语句替换为v4对应路径：
  原写法：

  import { useSession, signIn, signOut } from "next-auth/client"
  

  替换后写法：

  import { useSession, signIn, signOut } from "next-auth/react"
  

• 若项目中存在NextAuth API路由、服务端调用的旧版本写法，同步调整对应配置适配v4规则
• 调整完成后执行以下命令重新构建：

  rm -rf node_modules package-lock.json
  npm install
  npm run build
  

方案2：降级NextAuth到v3稳定版本（无需修改现有代码） #

直接执行命令安装v3最终稳定版即可：

npm install next-auth@3.29.10

安装完成后重新执行npm run build就能正常编译。

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