导入cytoscape.js作为ESM模块

Question

我在一个角10应用程序中使用cytoscape.js。cytoscape.js的文档显示

在具有npm的无害环境管理环境中使用Cytoscape.js (例如Webpack或Node.js与ESM包)：import cytoscape from 'cytoscape';

我把它像import cytoscape from 'cytoscape';一样导入到我的类型记录文件中。

但我看到了警告

CommonJS或AMD依赖项可以导致优化纾困。

所以我转到node_modules\cytoscape\dist文件夹。我看到有很多重要的文件。

​

​

我把console.log放在每个人身上。然后我看到我使用的是cytoscape.cjs.js，这意味着我使用的是commonjs文件。

我可以复制cytoscape.esm.min.js并手动导入它，但是有更好的方法吗？最好跟踪来自package.json的所有依赖项。

Answer 1

我在谷歌上搜索了一段时间，发现还没有对打字稿的支持。因此，我做了与您相同的导入，并向angular.json: angular.json添加了以下内容：

 "allowedCommonJsDependencies": [
              "cytoscape",
              "cytoscape-popper",
              "lodash",
              "lodash/cloneDeep"
            ]