如何修复 Nuxt.js 中的“document is not defined”错误？

有时，我们想修复 Nuxt.js 中的“document is not defined”错误。 在本文中，我们将了解如何修复 Nuxt.js 中的“document is not defined”错误。

要修复 Nuxt.js 中的“document is not defined”错误，我们可以使用client-only组件包装我们的客户端代码

<template>
  <div>
    <client-only placeholder="loading...">
      <your-component> ... </your-component>
    </client-only>
  </div>
</template>

包装客户端仅your-component组件client-only，使其仅在浏览器中呈现。

document仅在浏览器中定义，因此我们需要client-only避免错误。

结论

要修复 Nuxt.js 中的“document is not defined”错误，我们可以使用client-only组件包装我们的客户端代码。

以上是本人使用 nuxt3 制作该网站遇到的报错问题