投稿者 : 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に変更するとうまく表示されなかったので注意です。
