动态导入next.js库

Question

我试图在我的next.js项目之一中动态导入library。当我尝试导入时，不要按预期从库中获取默认导出。首先，我尝试使用next.js方法：

import dynamic from "next/dynamic";
const ConnectionReroutePlugin = dynamic(() => import('rete-connection-reroute-plugin'), { ssr: false });

然后我尝试了以下反应方式：

const ConnectionReroutePlugin = React.lazy(() => import('rete-connection-reroute-plugin'));

我看到以下导入错误：

未处理的拒绝（TypeError）：plugin.install不是函数

任何人都可以解决，我在做什么错，我该如何导入？

Answer 1

我认为问题是您需要将导入作为装载程序传递。如下所示

const ConnectionReroutePlugin = dynamic({
  loader: () => import("rete-connection-reroute-plugin"),
  ssr: false
});

Answer 2

您可以做这样的事情

var script = document.createElement('script');
script.onload = function () {
 // do something here
};
script.src = something;

document.head.appendChild(script);