NextJs：使用 Intro.js 时未定义元素

【问题标题】：NextJs: Element is not Defined when using Intro.jsNextJs：使用 Intro.js 时未定义元素
【发布时间】：2022-06-17 17:19:52
【问题描述】：

为什么我在下一个项目中使用intro.js 时出现以下错误？

ReferenceError: Element is not defined <br/>

【问题讨论】：

标签： javascript next.js

【解决方案1】：

因为 intro.js 使用 DOM API 并且在 SSR 上您的文档对象模型不可用。

这解决了 ssr 的问题，但我不确定 intro.js 不会给你另一个...

// component with your intro.js logic

const Steps = dynamic(() => import('intro.js-react'), {
  ssr: false
});
const Hints = dynamic(() => import('intro.js-react'), {
  ssr: false
});

【讨论】：