如果我在本地计算机上引用 package，为什么我的 vis.js 脚本不起作用（src 问题）

Question

编辑：file:///C:/Users/myusername/node_modules/vis-network/standalone/umd/vis-network.min.js 是它想要的本地文件语法：有人在这里建议：什么是正确的方法为本地开发环境编写我的脚本'src' url？

现在的问题是：为什么在 html 中运行 javascript 时需要这个？

以下代码直接从https://www.npmjs.com/package/vis-network复制，并添加了一些我的小东西来玩它

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Network</title>
    <script
      type="text/javascript"
      src="https://unpkg.com/vis-network/standalone/umd/vis-network.min.js"
    ></script>
    <style type="text/css">
      #mynetwork {
        width: 600px;
        height: 400px;
        border: 1px solid lightgray;
      }
    </style>
  </head>
  <body>
    <div id="mynetwork"></div>
    <script type="text/javascript">
      // create an array with nodes
      var nodes = new vis.DataSet([
        { id: 1, label: "Node 1" },
        { id: 2, label: "Node 2" },
        { id: 3, label: "Node 3" },
        { id: 4, label: "Node 4" },
        { id: 5, label: "Node 5" },
      ]);

      // create an array with edges
      var edges = new vis.DataSet([
        { from: 1, to: 3 },
        { from: 1, to: 2 },
        { from: 2, to: 4 },
        { from: 2, to: 5 },
        { from: 3, to: 3 },
      ]);
      nodes.add({id: 6, label: "egg"}) //works!
      

      // create a network
      var container = document.getElementById("mynetwork");
      var data = {
        nodes: nodes,
        edges: edges,
      };
      var options = {};
      var network = new vis.Network(container, data, options);
    </script>
  </body>
</html>

这运行良好并在 firefox 中打开，并且有节点可供使用。 在我看来，您不需要安装 node.js。 只需将其复制到文件中即可。 命名为 something.html 并在 web 浏览器中打开它。

现在，当我尝试用我认为是本地文件的位置替换<script src = "">标记时，它不起作用。

我已经尝试过这种轻微的变化：

    <script
      type="text/javascript"
      src="C:\\Users\\myusername\\node_modules\\vis-network\\standalone\\umd\\vis-network.min.js"
    ></script>

我不知道为什么它不起作用，也不知道如何开始调试它。 我是一个完整的程序员。

天真地，它似乎只是为同一个文件引用不同的位置。 也许我的文件被破坏了。 在这种情况下，我应该能够从示例中的第一个 SRC 标记下载文件并在本地加载该文件，但它也不起作用。 似乎它只是关于我的 src 标签的东西。

感谢您的时间。

Answer 1

答案是使用file:///C:/Users/myusername/node_modules/vis-network/standalone/umd/vis-network.min.js 。 有人在这里建议：为本地开发环境编写脚本'src' url 的正确方法是什么？

如果我在本地计算机上引用 package，为什么我的 vis.js 脚本不起作用（src 问题）

问题描述

1 个解决方案

解决方案1
0 2021-12-23 20:19:31

如果我在本地计算机上引用 package，为什么我的 vis.js 脚本不起作用（src 问题）

问题描述

1 个解决方案

解决方案1 0 2021-12-23 20:19:31

解决方案1
0 2021-12-23 20:19:31