NEW ARTICLE
Dart 日付が同じ日であるかを判定する
  1. HOME
  2. nuxt.js
  3. Nuxt.js エラー「window is not defined」が発生した場合の対応方法

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の使い方はこちら

import Vue from 'vue';
import GoTop from '@inotom/vue-go-top';

Vue.component('go-top', GoTop)
//Vue.use(GoTop);

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

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

plugins: [
    {
      src: '@/plugins/plugin',
      mode: 'client'
    }
  ],