javascript - nuxt.js 文档未定义，pugin 出现问题

Question

我将插件:vue-burger-menu添加到我的nuxt.js项目中。我有一个错误:“文档未定义”。我知道，这个插件仅适用于客户端。于是我在vue文档中找到enter link description here我必须做什么来解决它。它仅适用于第一次刷新。然后我又发现文档未定义。

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);

   }

导航模板

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

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

Answer 1

将已弃用的 process.browser 替换为 process.client

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