NextJS项目编译在JSEncrypt中失败

Question

我已经安装了用于非对称加密的JSEncrypt npm包。但是，当我运行该项目时，我会得到以下错误

服务器错误ReferenceError：未定义窗口

我甚至尝试在项目中动态加载JSEncrypt.min.js文件。

有人能帮我解决这个问题吗？

Answer 1

这是因为服务器端呈现时没有定义window。

导入组件(其中包括JSEncrypt)，并将next/dynamic和next/dynamic设置为false，应该可以解决这个问题。

例如。

import dynamic from 'next/dynamic'
const ComponentWithJSEncrypt = dynamic(
  () => import('../components/myComponent'), // path of your component
  { ssr: false }
)