如何修复“'d3'在定义之前使用”错误

Question

我一直在观看d3.selectAll('.item:nth-child(3)')中构建图表的教程，但我仍然坚持使用这段代码。在视频中，名称“Jennifer Jerome”突出显示并增加了字体大小。我确实有相同的代码，但没有发生任何事情。

我一直收到错误：

  

d3在定义之前使用。    index.html

......但不确定这意味着什么。我觉得它简单而明显。你们有什么建议吗？谢谢！ （我顺便使用括号）

这是教程示例的屏幕截图：

这是我的代码的屏幕截图，其中包含错误（忽略_在{{1}}文件夹中。它当前回到根目录但它仍然不起作用）：

这是我的索引的屏幕截图：

Answer 1

检查d3.js文件中的script.js之前是否引用了index.html

Answer 2

我希望问题是你没有在你的HTML文件中包含d3库。

你的HTML文件中有这样的东西吗？如果没有，你应该。

<script src="https://d3js.org/d3.v4.min.js"></script>

Answer 3

您的结构与示例不同的原因是您的index.html位于_目录中，示例index.html位于_目录之外（位于根目录中）目录）。

尝试在index.html之外移动_。

然后，这些路径应该有效。

<script src="_/d3.min.js">
<script src="script.js">