vue.js - ReferenceError：窗口未定义 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 }
  ],

错误

window is not defined

我已经尝试了 nuxtjs 文档中所有可能的解决方案，但仍然出现相同的错误。谢谢！

标签： vue.jsnuxt.js

Answer 1

解决方案是将其包裹在<client-only>

​<​template​>
   <client-only>
      <​vue-navigation-bar​ :​options​=​"​navbarOptions​" /​&gt;
   </client-only>​​
<​/​template​&gt;