為甚麼nextjs的window有時候會是undefined

#next

超級前端人 2022-03-06 23:41:45 ‧ 1134 瀏覽

用Storage時常常報錯

Han iT邦研究生 1 級 ‧ 2022-03-06 23:44:21 檢舉

server side & client side 問題?

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

jason71708

iT邦新手 3 級 ‧ 2022-03-07 10:05:42

最佳解答

Node.js 執行環境(server)內並沒有 window 這個物件，只有在瀏覽器執行環境中才有。

Next.js 這類的 SSR 框架，在收到網頁請求時會先在 server 端執行並產生有內容的 HTML，接著回給瀏覽器，在瀏覽器接著執行。

哪些地方是在 server 端執行，哪些是在瀏覽器執行？舉例來說可以看這部分:

getServerSideProps only runs on server-side and never runs on the browser.

上述很明確講說 getServerSideProps 只會在 server 端執行，不會在瀏覽器執行，所以在這裡面寫到 window 會報錯。

超級前端人 iT邦新手 3 級 ‧ 2022-03-07 17:34:56 檢舉

所以要寫在useeffect裡面嗎？

jason71708 iT邦新手 3 級 ‧ 2022-03-07 20:27:37 檢舉

居然解出來了

iT邦好手 1 級 ‧ 2022-03-07 10:52:14

會不會是渲染問題
請參考此篇

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22203 篇

完賽人數

602 人

IT邦幫忙