如何将FastClick添加到Next.JS?

如何将FastClick添加到Next.JS?,next.js,Next.js,当我试图修改pages/_document.js以添加FastClick事件注册(见下文)时,它抱怨ReferenceError:未定义文档。我猜这是因为它是在服务器上执行的,文档没有在那里定义。有办法解决吗 if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body) }, false

当我试图修改
pages/_document.js
以添加FastClick事件注册(见下文)时,它抱怨
ReferenceError:未定义文档
。我猜这是因为它是在服务器上执行的,
文档
没有在那里定义。有办法解决吗

if ('addEventListener' in document) {
  document.addEventListener('DOMContentLoaded', function() {
    FastClick.attach(document.body)
  }, false)
}

您可以使用
process.browser
确保代码仅在前端执行

if (process.browser) {
  document.addEventListener('DOMContentLoaded', function() {
    FastClick.attach(document.body)
  }, false)
}

您可以使用
process.browser
确保代码仅在前端执行

if (process.browser) {
  document.addEventListener('DOMContentLoaded', function() {
    FastClick.attach(document.body)
  }, false)
}

pages/_document.js
仅根据
next.js
在服务器上呈现


我建议在所有组件之间共享的
pages/\u app.js
中使用该代码。

pages/\u document.js
仅根据
next.js
在服务器上呈现


我建议在
页面/_app.js
中使用该代码,该代码将在所有组件之间共享。

谢谢,但它不起作用。它仍然说
ReferenceError:document未定义
你能提供完整的_document.js文件吗?当然,我刚刚粘贴了你提供的代码,这里我想Moho的答案已经回答了你的错误,你不应该将该函数放在_document.js中谢谢,但它不起作用。它仍然说
ReferenceError:document未定义
你能提供完整的_document.js文件吗?当然,我刚刚粘贴了你提供的代码,这里是我认为Moho的答案已经回答了你的错误,你不应该把这个函数放在_document.js中