Warm tip: This article is reproduced from serverfault.com, please click

NuxtJS

发布于 2020-12-02 21:33:34

How do I add vConsole.js to Nuxt?

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

This causes the error window is not defined

I am stuck... any help very much appreciated.

Thanks!

Questioner
MissJulie
Viewed
0
Nick Dawes 2020-12-03 05:58:13

window isn’t defined on the server-side. You need to use vConsole as a client side plugin.

plugins/vConsole.client.js

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

Don’t forget to add it to your nuxt.config.js

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