ReferenceError: window is not defined Nuxtjs

Question

global.js

import Vue from 'vue'

// javascript import for when you're importing the css directly in your javascript
import "vue-navigation-bar/dist/vue-navigation-bar.css";

// import the library
import VueNavigationBar from "vue-navigation-bar";

Vue.component("vue-navigation-bar", VueNavigationBar);

nuxt.config.js

plugins: [
    { src: '~/plugins/global.js', ssr: false }
  ],

Error

window is not defined

I have tried all the possible solutions in nuxtjs documentation still getting same error. Thanks!

<template> <vue-navigation-bar :options="navbarOptions" /> </template> — Harshith J Poojary
– Harshith J Poojary, Commented Jun 18, 2020 at 7:04
did you tried it to wrap in an <client-only></client-only>? — Ilijanovic
– Ilijanovic, Commented Jun 18, 2020 at 7:07

Ilijanovic · Accepted Answer · 2020-06-18 07:13:26Z

2

The solution is to wrap it in <client-only>

<template>
   <client-only>
      <vue-navigation-bar :options="navbarOptions" />
   </client-only>
</template>

answered Jun 18, 2020 at 7:13

Ilijanovic

15k4 gold badges29 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ReferenceError: window is not defined Nuxtjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related