根据文档我应该能够做这样的事情
// 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 行动