下一个 Js - Providers/getProviders() - FetchError - 下一个构建

Question

我正在尝试构建我的下一个 js 应用程序。 我使用具有下一个身份验证的提供者。 当我使用 npm 运行 dev 时它工作正常。 但是当我使用 npm 运行 build 我得到这个：

但是，我在.env.local

中使用变量NEXTAUTH_URL = localhost:3000

当我在这样的文件中有“getProviders()”时出现错误：

import {getProviders, useSession} from 'next-auth/client'
import Layout from "../components/layout";


export default function Page({providers}) {
    const [session, loading] = useSession()

    return (
        <Layout providers={providers}>Page index</Layout>
    )
}

export async function getStaticProps() {
    const providers = await getProviders()

    return {
        props: {providers}
    }
}

Answer 1

我认为同样的问题。

正在运行。

import {getProviders, useSession} from 'next-auth/client'
import Layout from "../components/layout";


export default function Page() {
    const [session, loading] = useSession()
    const [providers, setProviders] = useState({});

    useEffect(() => {
      (async () => {
        const res = await getProviders();
        setProviders(res);
      })();
    }, []);


    return (
        <Layout providers={providers}>Page index</Layout>
    )
}