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

Question

我正在尝试构建我的应用程序下一个 js。我使用带有 next-auth 的提供程序。当我使用 npm run dev 时它工作正常。但是当我使用 npm run 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

我认为同样的问题。 在“下一次构建”期间 ECONNREFUSED。适用于“下一个开发”

这是工作。

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>
    )
}