Nuxt.jsで開発する場合、書いた処理がサーバーサイドレンダリング(SSR)時と、ブラウザ上での処理時の両方で実行される場合がある。それを判定したい時の方法。
正規の方法
正規の方法として、公式にも書かれているやり方。
こんな感じで判定できる。
if (process.browser) {
require('external_library')
}
TypeScriptの場合
ただし、TypeScriptの場合はprocessの型にbrowserというプロパティが無いため、エラーになってしまう。そのため色々あれこれ型をうまい事設定する方法も可能かもしれないが、とりあえず古式ゆかしい方法でも判定することができる。
if (typeof window !== "undefined") {
Top comments (0)