Javascript 如何调试/捕获D3的错误

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

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

错误？这是

“data/revenues.json

一个简单的打字错误，还没有被发现

---

如何在控制台中获取此信息而不必在每一行捕获？

捕获此信息和其他错误的最佳方法是放置

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

在代码结束时，对于上面的示例，chrome控制台将产生以下错误

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

或者

正如用户@i所提到的，我被警告了

---

使用带有开发人员工具的浏览器，该工具允许您在执行过程中逐步浏览代码并检查变量值；使用代码过滤器消除打字错误；在开发过程中编写测试以确保您的代码符合您的预期。

使用带有开发人员工具的浏览器，该工具允许您逐步浏览代码并检查变量值执行过程中变量的值；使用代码过滤器消除输入错误；在开发过程中编写测试以确保您的代码执行您认为它正在执行的操作。