动态导入库 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);