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。你发布的屏幕截图在哪里?它在代码的底部。出现此错误:未定义文档。它仍然无法工作。有什么帮助吗?谢谢你,巴德,你的回答救了我一天。