NuxtJS - 如何将 vConsole.js 添加到 Nuxt？

Question

如何将 vConsole.js 添加到 Nuxt？

// debugging
import VConsole from "vconsole";
const vConsole = new VConsole();

这会导致错误 window is not defined

我被卡住了...非常感谢任何帮助。

谢谢！

Answer 1

window 未在服务器端定义。您需要使用 vConsole 作为客户端插件。

plugins/vConsole.client.js

import VConsole from 'vconsole' 
Vue.use(VConsole)

别忘了将其添加到您的 nuxt.config.js

plugins: { src: '~/plugins/vConsole.client.js' }

Answer 2

import Vue from 'vue';
import vConsole from 'vconsole';

const vconsole = new vConsole();
Vue.use(vconsole);

这成功了。