使用cdn中的cytoscape.js插件

Question

我使用的是一个在线工具，本质上是一个我无法添加文件的wiki，所以我必须从CDN引用它们。

我使用的是cytoscape.js，它可以很好地处理所有内置的函数，但我想添加一个像可乐这样的布局，我不知道怎么做。我尝试了html:

<script src="https://cdnjs.cloudflare.com/ajax/libs/cytoscape/3.16.1/cytoscape.min.js"></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/cytoscape-cola@2.4.0/cytoscape-cola.min.js"></script>

但window.cola并不存在。我试着使用javascript模块-即

import cytoscape from "https://cdnjs.cloudflare.com/ajax/libs/cytoscape/3.16.1/cytoscape.min.js";
import cytoscapeCola from "https://cdn.jsdelivr.net/npm/cytoscape-cola@2.4.0/cytoscape-cola.min.js";

我以前从未使用过，但显然我不知道自己在做什么，因为我只是收到了关于它们不导出默认值的各种错误，并且无法读取"；未定义的webcola"；。很明显，我对模块有些不了解。请帮忙！

Answer 1

为了在这里而不是在评论中回答问题，有了完整的解决方案，以下是对我有效的方法：

<script src="https://cdnjs.cloudflare.com/ajax/libs/cytoscape/3.23.0/cytoscape.min.js"></script>
<script src="https://unpkg.com/webcola/WebCola/cola.min.js"></script>`,
<script src="https://cdn.jsdelivr.net/npm/cytoscape-cola@2.4.0/cytoscape-cola.min.js"></script>

您不仅需要包含cytoscape-cola程序包，还需要包含cola程序包本身。

您可能需要更新版本号，这取决于您将来来自哪里。