如何将 Auth0Provider 添加到 NextJS 项目?

问题描述 投票:0回答:0

根据文档我应该能够做这样的事情

// index.tsx

export default function Home() {
    let domain = process.env.NEXT_PUBLIC_AUTH0_DOMAIN;
    let clientId = process.env.NEXT_PUBLIC_AUTH0_CLIENT_ID;
    return (
        <Auth0Provider domain={domain} clientId={clientId} authorizationParams={{
            redirect_uri: window.location.origin
        }}>
            <>
                <Head>
                    <title>THEJackieGleason</title>
                    <meta name="description" content="My Personal Website"/>
                    <meta name="viewport" content="width=device-width, initial-scale=1"/>
                    <link rel="icon" href="/favicon.ico"/>
                </Head>
                <Header/>
                <div className={`${styles.wrapper} z-10`}>
                    <ThemeProvider theme={main}>
                        <HomePage/>
                        <Footer/>
                    </ThemeProvider>
                </div>

            </>
        </Auth0Provider>
    )
}

但是当我尝试构建时,我得到了

error - 错误 [ReferenceError]: window is not defined 在家 (webpack-internal:///./pages/index.tsx:73:23) 在 renderWithHooks (C:\Users\jacki\Code 外部站点 ode_modules 行动

reactjs next.js auth0
© www.soinside.com 2019 - 2024. All rights reserved.