reactjs - Next.js + react-gtm-module 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);
}

Answer 2

您可以在网站挂载后立即初始化 TagManager，以确保 DOM api 可用

useEffect(()=>{
    TagManager.initialize({gtmId: 'GTM-XXXXXX'})
},[])