Nuxt.js エラー「window is not defined」が発生した場合の対応方法

Nuxt.js エラー「window is not defined」が発生した場合の対応方法

基本的には、SSRを利用しようとすると発生するみたいです。自分の場合は、あるライブラリを利用しようとして発生。対応した手順を記載しておきます。

環境

  • OS  CentOS 8.0.1905 (Core)
  • node v12.13.1
  • npm 6.13.2
  • @vue/cli 4.1.1

対応方法

plugins作成時にVue.useではなくVue.componentを利用

※下記のコードはplugins配下に plugin.jsとして編集してます

vue-go-topの使い方はこちら

nuxt.config.jsのpluginsには ssr: false ではなく mode: ‘client’ と記述

※nuxt2.4以降はこのように記述しなければならないらしい