如何将FastClick添加到Next.JS？

Question

当我尝试修改pages/_document.js以添加FastClick事件注册（请参见下文）时，它抱怨ReferenceError: document is not defined 。 我猜是因为它是在服务器上执行的，并且document没有在服务器上定义。 有什么办法解决吗？

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

Answer 1

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

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

Answer 2

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

我建议在pages/_app.js使用该代码，该代码将在所有组件之间共享。