next.js 应用程序显示一个白色的屏幕后， Package 我的布局与上下文提供程序

kqqjbcuj 于 2023-08-04 发布在其他

关注(0)|答案(1)|浏览(120)

这是我的布局：

export const metadata = {
  title: "Web App",
  description: "First Project in Next.js",
};

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <body className={inter.className}>
        <AuthProvider>
          <div className="max-w-7xl min-h-screen my-0 mx-auto py-0 px-16 flex flex-col justify-between">
            <Nav />
            {children}
            <Footer />
          </div>
        </AuthProvider>
      </body>
    </html>
  );
}

字符串
这是会话提供程序：

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

const AuthProvider = ({ children }) => {
  <SessionProvider>{children}</SessionProvider>;
};

export default AuthProvider;

型
当我把我身体的内容 Package 在我的布局中时，我的应用程序突然只 Flink 一个白色的屏幕。

next.js

来源：https://stackoverflow.com/questions/76753974/app-shows-a-white-screen-after-wrapping-my-layout-with-a-context-provider

1条答案

按热度按时间

but5z9lq1#

您的AuthProvider函数确实包含return语句。所以当你调用它的时候，它返回undefined，因此是白色屏幕。这应该可以解决问题：

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

const AuthProvider = ({ children }) => {
  return <SessionProvider>{children}</SessionProvider>;
};

export default AuthProvider;

字符串

赞(0）回复(0）举报 2023-08-04

我来回答

next.js 应用程序显示一个白色的屏幕后， Package 我的布局与上下文提供程序

1条答案

相关问题

热门标签

最新问答