Next.js +react-gtm-ReferenceError模块:未定义文档

Question

我使用这段代码在我的Next.js应用程序中初始化GTM：

const tagManagerArgs = {
  gtmId: "GTM-XXXXXX"
};
TagManager.initialize(tagManagerArgs);

但是当我尝试用它启动一个应用程序时，我得到了一个错误：

ReferenceError: document is not defined
    at Object.dataScript (/Users/username/work/projectname/node_modules/react-gtm-module/dist/TagManager.js:11:18)

如何解决这个问题？

Answer 1

使用检查器包装TagManager初始化器的片段很有帮助：

if (process.browser) {
  TagManager.initialize(tagManagerArgs);
}