SSR時に外部プラグインを読み込んでwindow is not definedになる - NuxtJs

トップ ― SSR時に外部プラグインを読み込んでwindow is not definedになる - NuxtJs

投稿者 : TomoyaOkada

公開日:

更新日:

SSR時に外部プラグインを読み込んでwindow is not definedになる - NuxtJs

Vue/Nuxt

目次

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




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

if (process.client) {
 
}


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


プラグインをインポート

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

import postscribe from 'postscribe'


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

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


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


記事をシェア

  • Twitter
  • FaceBook
  • hatena