根据文件我应该可以做这样的事
// 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]:窗口未在Home(webpack-internal:///)中定义。/pages/index.tsx:73:23)在renderWithHooks(C:\Users\jacki\Code\next-site\node_modules\react-dom\cjs\react-dom-server.browser.development.js:5658:16)
那么,我如何做到这一点,并仍然能够访问窗口对象?
1条答案
按热度按时间pw136qt21#
最后我使用useEffect让它正常工作。..