Question

[1]https://gist.github.com/anilnairxyz/754723d31dd14d50a3142e65d47c1057

我只是在更改代码之前测试过

我复制了代码并简单地更改了 .html 文件

<script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="//d3js.org/d3-queue.v3.min.js"></script>
<script src="//d3js.org/topojson.v1.min.js"></script>

到

<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://d3js.org/d3-queue.v3.min.js"></script>
<script src="https://d3js.org/topojson.v1.min.js"></script>

然后我收到以下错误：

ReferenceError: d3 未定义

因为我几乎不了解 d3 或 javascript。

谁能给我一个提示，告诉我是什么导致了错误以及我应该如何更正代码？

我已经看过这篇文章并尝试过 d3 is not defined - ReferenceError

Answer 1

从错误屏幕截图来看，您似乎正在使用 node.js 在控制台中执行 heatmap.js。问题在于 heatmap.js 脚本和项目的其他脚本设计为在带有 HTML 页面的浏览器中执行，而不是在节点终端中单独执行。要运行 D3 项目，您需要一个本地 Web 服务器，然后在浏览器上访问 localhost:{port number}。 Here is a tutorial on how to do it with with node.js

ReferenceError - d3 未定义

1 个答案: