sigma.js

Question

我是 sigma js 的新手，正在尝试使用在线提供的初学者示例绘制基本图形。我的图表只显示了一次，post 每次我运行代码都会出现以下错误：

Uncaught An object called sigma is already in the global scope

我的代码如下：

<html>

<head>
<script src='js_use/sigma.js'></script>
    <script src = 'js_use/sigma.min.js'></script>
    <script src='js_use/sigma.utils.js'></script>
    <script src = 'js_use/sigma.parsers.json.min.js'></script>
    <script src = 'js_use/sigma.require.js'></script>
</head>

<body>

    <div id = "container"> </div>
    <script>

 g = {
  "nodes": [
    {
      "id": "node_apple",
      "label": "Apple_Inc.",
      "x": 10,
      "y": 8,
      "size": 5
    },
    {
      "id": "node_steve_jobs",
      "label": "Steve_Jobs",
      "x": 14,
      "y": 8,
      "size": 5
    },
    {
      "id": "node_public_company",
      "label": "Public_Company",
      "x": 7,
      "y": 5,
      "size": 2
    }
  ],
  "edges": [
    {
      "id": "e0",
      "source": "node_apple",
      "target": "node_steve_jobs"
    },
    {
      "id": "e1",
      "source": "node_apple",
      "target": "node_public_company"
    },
    {
      "id": "e2",
      "source": "node_steve_jobs",
      "target": "node_apple"
    }
  ]
}

const s=new sigma({
    graph : g,
    container : 'container'
});

s.refresh();


</script>

</body>
</html>

如果有什么愚蠢的错误，请原谅。我刚刚开始，并且已经为此苦苦挣扎了一段时间。任何帮助将不胜感激。

Answer 1

您已导入 Sigma 两次，一次在这里：

<script src='js_use/sigma.js'></script>

一旦来到这里：

<script src = 'js_use/sigma.min.js'></script>

里面有.min.的那个是压缩文件。它具有与另一个完全相同的内容，但经过压缩以便加载速度更快。一般来说，您希望网站的 'production-ready' 版本加载缩小的文件。不利的一面是缩小的文件可能更难调试，因为它们删除了一些对您作为开发人员有用的信息，但实际上并不影响程序的行为方式。随意保留其中一个，摆脱另一个。

sigma.js - 一个名为 sigma 的对象已经在全局范围内

sigma.js - An object called sigma is already in the global scope

javascript