标题重写为：Uncertain if Nextjs is detecting _app.js; Error: useSession must be wrapped in a

Question

我一直在关注一些有关Nextjs、Prisma和Auth0的教程。我的问题是，在尝试在标题上创建登录/注销按钮后（通过将import{useSession,signIn,signOut}从“next-auth/react”添加到header.js文件），下一步.js出现以下错误Error:[next-auth]:\`useSession\`必须包装在\中。我尝试在根文件夹中创建_app.js文件，

P粉966979765 · Answer

我想我已经解决了这个问题，我决定忘记 _app.js 并将所有内容都放在我的自定义 layout.js 文件中。我仍然需要测试用户是否会保持登录状态，因为 header.js 位于 layout.js 之外。

我是如何解决的：我添加了

'use client'
import { SessionProvider } from "next-auth/react";

到layout.js（默认情况下Next.js附带的文件）并在正在“导出”的函数的参数中传递会话（导出默认函数RootLayout）。然后我用包裹了所有的 return() 参数。

这是部分代码：

export default function RootLayout({ children, session }) {
  return (
    
      
        {children}
      
    
  )
}

重要部分：如果您使用'use client'选项，Next将不允许您导出元数据，因此您需要删除从代码中导出 const 元数据 = {...。

更新：由于某种原因，它无法在 Vercel 上运行（即使它在本地运行）。我会尝试修复它，然后更新我的答案。 TL;DR：此解决方案在本地运行，但在部署到 Vercel 时不起作用。

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程