为什么我无法访问 Next.js 应用“_app.js”中的 window？

Question

我有一个 Next.js 应用程序，我想在其中加载该应用程序，然后使用自定义模式对话框检查网络访问权限，如果用户断开与 Internet 的连接，该对话框就会显示。我为我的应用程序设置了一个 _app.js 文件来设置上下文提供程序，但无法使用 window.navigator 检查它的网络访问。它会导致错误：“ReferenceError：window 未定义”。有什么方法可以先加载应用程序，以便我可以使用我创建的自定义模式对话框？

_app.js

function MyApp({ Component, pageProps }) {
  console.log(window)
  return <Component {...pageProps} />
}

export default MyApp

页面重新加载时出错：
方法#1

Answer 1

使用useEffect挂载组件时可以访问window:

function MyApp({ Component, pageProps }) {
 useEffect(() => {
        console.log(window)
 },[])
 return <Component {...pageProps} />

}

导出默认 MyApp

为什么我无法访问 Next.js 应用“_app.js”中的 window？

Why can't I access the window in Next.js app '_app.js'?

javascript

console

window

reactjs

next.js

_app.js