javascript - nuxt.js 文件未定义，pugin 有问题

Question

我将 plugin: 添加vue-burger-menu到我的nuxt.js项目中。我有一个错误："document is not defined"。我知道，这个插件只适用于客户端。所以我在 vue 文档中找到了在此处输入链接描述我必须做些什么来修复它。它仅适用于第一次刷新。然后我又没有定义文件。

nuxt.config.js：

  build: {
vendor: ['vue-burger-menu'],
 }

 plugins: [
{ src: '~/plugins/vue-burger-menu.js', ssr: false }
],

将一个文件添加到我的插件文件夹，名为"vue-burger-menu.js"：

 import Vue from 'vue';
 import VueBurgerMenu from 'vue-burger-menu';

   if (process.browser) {

      Vue.use(VueBurgerMenu);

   }

nav template

 <template lang="pug">
   Slide(right)
        nav.menu_vertical
 </template>

 <script>
 import { Slide } from 'vue-burger-menu'
 export default {
 name: 'Nav',
 components: {
   Slide
 },
}

标签： javascriptvue.js

Answer 1

用process.client替换不推荐使用的process.browser

if (process.client) {
   Vue.use(VueBurgerMenu);
}