node · JavaScript
報錯原文
ReferenceError: window is not defined
這是什麼意思
這段程式碼是在伺服器的 Node 裡跑的，不是在瀏覽器裡。Node 沒有 window、沒有 document、也沒有 localStorage，所以在 Next.js、Nuxt 這類先做伺服器端算繪的框架裡，模組載入階段就去碰 window，就會停在這裡——往往是元件外面的那一行，或者僅限瀏覽器的程式庫的 import 本身。如果這活兒只屬於瀏覽器，用 typeof window !== 'undefined' 包住，或者更好，把它搬進 useEffect，因為 effect 只在瀏覽器裡執行。若整個程式庫都只能在瀏覽器用，Next.js 裡可以用 dynamic(() => import('./C'), { ssr: false }) 把它從伺服器端算繪裡排除，代價是這部分不會出現在伺服器產生的 HTML 中。
怎麼修
這個沒有一行命令能解決。說明裡寫了該看哪裡。
- 來自
- node
- JavaScript
- 15
瀏覽器和 node 的錯誤通常只告訴你什麼壞了，不告訴你那個值為什麼變成這樣——你讀了 undefined、它不是函式、它不是 JSON——所以該修的地方在拋錯那一行的上游；只用 ?. 和預設值把那一行按住，同樣的問題會在更遠的地方、以更難辨認的樣子回來。
怎麼讀報錯
- 從第一行往下讀。越往下越是工具內部的事，起因通常寫在最上面。
- 有檔名和行號就從那裡查——不是堆疊最上面那一格，而是最上面那條提到你自己寫的檔案的行。
- 把報錯原文照樣去搜，但先去掉你自己的路徑和變數名，正是那些讓搜尋比對不上。
- 同一種情況在不同版本裡措辭不同。結果不對頭，就把版本號一起加進查詢。
- 貼上修法之前，先確認它會丟掉什麼。這裡面有些是不能收回的。
常見問題
Q. “ReferenceError: window is not defined” 是什麼意思？
這段程式碼是在伺服器的 Node 裡跑的，不是在瀏覽器裡。Node 沒有 window、沒有 document、也沒有 localStorage，所以在 Next.js、Nuxt 這類先做伺服器端算繪的框架裡，模組載入階段就去碰 window，就會停在這裡——往往是元件外面的那一行，或者僅限瀏覽器的程式庫的 import 本身。如果這活兒只屬於瀏覽器，用 typeof window !== 'undefined' 包住，或者更好，把它搬進 useEffect，因為 effect 只在瀏覽器裡執行。若整個程式庫都只能在瀏覽器用，Next.js 裡可以用 dynamic(() => import('./C'), { ssr: false }) 把它從伺服器端算繪裡排除，代價是這部分不會出現在伺服器產生的 HTML 中。
Q. 怎麼修？
沒有一行命令能解決。上面的說明寫了該看哪裡。
Q. 這是哪個工具報的？
node。它屬於JavaScript，報錯原文有 5 個詞。