でのLocalStorageへのアクセス
653 ワード
私は最近、いくつかのSEOポイントをスコアするためにNextJsに作成反応アプリからコンテンツ管理システムを移行しました.
私が直面した課題の1つは、コンパイル時にこれらのエラーを見ていました.
私のケースでは、私は以前のアプリケーションのLocalStorageに私の認証トークンを固執していました.
これらの未定義のエラーをコンパイル時とビルド時に実行するのを避けるには、単純なチェックを実行できます.
ハッキング.
私が直面した課題の1つは、コンパイル時にこれらのエラーを見ていました.
window is undefined
またはdocument is undefined
Window
とdocument
はサーバで利用できません.これは、window
プロパティまたはdocument
にアクセスしようとしている場合、これらの種類のエラーに遭遇する理由です.私のケースでは、私は以前のアプリケーションのLocalStorageに私の認証トークンを固執していました.
これらの未定義のエラーをコンパイル時とビルド時に実行するのを避けるには、単純なチェックを実行できます.
if (typeof window !== "undefined") {
localStorage.setItem(key, value)
}
これは基本的にコードのあなたのコードを示します、それがwindow
にアクセスすることができるクライアント環境にあるとき、実行するだけです.ハッキング.
Reference
この問題について(でのLocalStorageへのアクセス), 我々は、より多くの情報をここで見つけました https://dev.to/dendekky/accessing-localstorage-in-nextjs-39heテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol