使用 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/[email protected]/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/[email protected]/cytoscape-cola.min.js";

我以前从未使用过，但显然我不知道我在做什么，因为我只是收到有关它们未导出默认值的各种错误，并且无法读取“webcola of undefined”。显然我对模块有些不理解。请帮忙！

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/[email protected]/cytoscape-cola.min.js"></script>

您不仅需要包含

cytoscape-cola

包，还需要包含

cola

包本身。

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