如何修復 Next.js 中的「視窗未定義」錯誤？

Next.js React App 中未定義視窗：綜合解決方案

在 Next.js在應用程式中，您可能會遇到錯誤「嘗試存取全域「視窗」物件時，「視窗未定義」。發生這種情況是因為視窗物件僅在用戶端呈現期間可用。以下是解決此問題的方法：

要使用「window」對象，您可以用「if」語句包圍程式碼，檢查「window」是否已定義：

if (typeof window !== "undefined") {
  // Client-side-only code
  console.log('window.innerHeight', window.innerHeight);
}

這種方法確保「if」區塊中的程式碼僅在客戶端執行，其中「window」物件是可存取。因為它已在Webpack5 和Next.js 中棄用。 「process」物件主要用於伺服器端渲染，將其用於客戶端操作是不合適的。確保您的程式碼在客戶端和伺服器端渲染環境之間可移植。

以上是如何修復 Next.js 中的「視窗未定義」錯誤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！