NuxtJsをSSR/SSGにしている時、window関係はエラーになってしまいます。




公式では以下のようにするのが推奨されています。

if (process.client) {
 
}

今回は、postscribeという外部プラグインを使った時のものを例として改善策をご紹介します。

プラグインをインポート

下記の方法だとエラーになってしまいます。

import postscribe from 'postscribe'

なので下記のようにして読み込むとエラーが出ずに読み込むことができます。

if (process.client) {
  var postscribe = require("postscribe");
}

ちなみに、varをlet constに変更するとうまく表示されなかったので注意です。