如何调试/捕获 D3 的错误

Question

通过一个开发一些相当简单的图表的项目，我发现我错过了一些相当简单（但不明显）的错误。我正在使用 Intellij，它的内部调试没有解决问题。例如：

> d3.json("data/revenue.json").then(function(data){
>     console.log(data);

错误？好吧，它是"data/revenues.json 一个简单的错字，还没有被发现。

如何在控制台中拾取它而不必在每一行都捕获？

Answer 1

捕捉这个和其他错误的最佳方法是放置

.catch(function(error){
    console.log(error);
})

在您的代码末尾，对于上面的示例，chrome 控制台将产生以下错误

错误：404 找不到文件 在 Re (d3.min.js:2)

或者

正如用户@i 所提到的那样惊慌

使用带有开发工具的浏览器，让您可以单步执行代码并在执行期间检查变量的值；使用代码 linter 消除拼写错误；在开发过程中编写测试以确保您的代码执行您认为它正在执行的操作。