javascript - 下一个 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 during 'next build'. Works fine with 'next dev'
这是工作。

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