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

问题描述

在 src/main.js 中使用以下代码段将 Gridsome 与 Hotjar 结合使用时：

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

我收到此错误：

ReferenceError: window is not defined

据我所知，这是因为存在 SSR 并且 Hotjar 正在使用 window DOM API 对象。

解决方法

您需要进程注入...窗口只能从客户端使用，因此您需要在尝试对其执行任何操作之前进行检查。可以在此处的文档中阅读更多相关信息：isClient