代码之家 › 专栏 › 技术社区 › Alex Craft

如何将fastclick添加到next.js?

next.js

Alex Craft · 技术社区 · 6 年前

当我试图修改 pages/_document.js 要添加FastClick事件注册(见下文),它会抱怨 ReferenceError: document is not defined . 我想是因为它是在服务器上执行的 document 那里没有定义。有办法解决吗?

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

2 回复 | 直到 6 年前

MoHo 6 年前

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

我建议在 pages/_app.js 将在所有组件之间共享。

Darryl RN 6 年前

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

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

推荐文章

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

8 月前

Josue Abotsidia · 创建NextJS项目时出错

8 月前

Ken · Next.js客户端页面动态路由

9 月前

Jan Wolfram · useFieldArray不能赋值给never类型

9 月前

stickynotememo · 对于必须经常刷新的组件,使用服务器组件还是客户端组件更好?

9 月前

TheDomis4 · nextjs:链接元素导致水合错误

9 月前

Bagas Rizkiyanto · 设置类型错误,尝试捕获类型脚本,但error.message除外

9 月前

Shane Harley · 将HTML作为JSON字符串的一部分?

9 月前

Sankar · 在nextjs中导入typescript常量失败

9 月前

Adnane Bady Soussi · 我试图更新我在代码中通过graphapi创建的一个现有用户,但我从azure graphapi返回了403错误

9 月前