Vue SSR 和 Gridsome：ReferenceError：未定义窗口答案

【问题标题】：Vue SSR and Gridsome: ReferenceError: window is not definedVue SSR 和 Gridsome：ReferenceError：未定义窗口
【发布时间】：2021-03-08 11:08:19
【问题描述】：

当使用带有 Hotjar 的 Gridsome 时，在 src/main.js 中使用以下代码 sn-p：

import Hotjar from 'vue-hotjar';
Vue.use(Hotjar, {
        id: 'HOTJAR_ID'
        });

我收到此错误：

ReferenceError: window is not defined

据我了解，这是因为有一个 SSR 正在进行，而 Hotjar 正在使用 window DOM API 对象。

【问题讨论】：

标签： vue.js webpack vuejs2 gridsome hotjar

【解决方案1】：

您需要进程注入...窗口仅可从客户端使用，因此您需要在尝试对其执行任何操作之前检查它。可以在这里阅读更多关于它的文档：isClient

【讨论】：