在 Nextjs 上导入 html-to-draftjs

Question

我无法在我的 Nextjs 项目中导入 html-to-draftjs。如果我用以下命令导入它：

import htmlToDraft from "html-to-draftjs"

结果将是：

我尝试使用动态导入：

const htmlToDraft = dynamic(
  () => {
    return import("html-to-draftjs");
  },
  { ssr: false }
);

结果是：

我可以尝试其他导入方法吗？或者也许我可以使用任何替代的 htmltodraft 模块？谢谢你！

Answer 1

如果您使用功能组件，还有其他两种方法

1st Method:

将“html-to-draftjs”包降级到版本1.4，这样您就可以直接导入它，而无需使用“dyanmic”导入方法。

2nd Method:

导入包的方式如下：

let htmlToDraft = null;
if (typeof window === 'object') {
    htmlToDraft = require('html-to-draftjs').default;
}