Javascript 未定义nuxt.js文档,pugin有问题

Javascript 未定义nuxt.js文档,pugin有问题,javascript,vue.js,Javascript,Vue.js,我在我的nuxt.js项目中添加了插件:vue汉堡菜单。我有一个错误:“文档未定义”。我知道,这个插件只适用于客户端。因此,我在vue文档中找到了修复它所需的操作。它只适用于第一次刷新。那么我又有一个文档没有定义 numxt.config.js: build: { vendor: ['vue-burger-menu'], } plugins: [ { src: '~/plugins/vue-burger-menu.js', ssr: false } ], import Vue fr

我在我的
nuxt.js
项目中添加了插件:
vue汉堡菜单
。我有一个错误:
“文档未定义”
。我知道,这个插件只适用于客户端。因此,我在vue文档中找到了修复它所需的操作。它只适用于第一次刷新。那么我又有一个文档没有定义

numxt.config.js

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

 plugins: [
{ src: '~/plugins/vue-burger-menu.js', ssr: false }
],
 import Vue from 'vue';
 import VueBurgerMenu from 'vue-burger-menu';

   if (process.browser) {

      Vue.use(VueBurgerMenu);

   }
将名为“vue burger menu.js”的文件添加到我的插件文件夹中:

nav模板

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

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

幻灯片(右)
导航菜单垂直
从“vue汉堡菜单”导入{Slide}
导出默认值{
名称:'导航',
组成部分:{
滑动
},
}

Nuxt正在进行SSR,而
文档
仅在
浏览器
中可用,因此您需要像

更改
“vue burger menu.js”
,如下所示

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

if (process.browser) {

 Vue.use(VueBurgerMenu);

}

您可以找到详细文档

将不推荐的process.browser替换为process.client

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

我不知道为什么,但它仍然不起作用:/I我在我的帖子中添加了一个带有此错误的scrren。你发布的屏幕截图在哪里?它在代码的底部。出现此错误:未定义文档。它仍然无法工作。有什么帮助吗?谢谢你,巴德,你的回答救了我一天。