如何调试/捕获D3的错误

时间:2018-09-23 08:04:52

标签: javascript debugging d3.js

正在研究一个项目,以开发一些相当简单的图形,但我发现我遗漏了一些相当简单(但不明显)的错误。我正在使用Intellij,并且它的内部调试没有解决问题。例如:

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

错误?好吧,这是"data/revenues.json的一个简单错别字,尚未被发现。

如何在控制台中获取这些信息而不必全神贯注?

1 个答案:

答案 0 :(得分:0)

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

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

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

  

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

或者

用户@i提醒

使用带有开发者工具的浏览器,使您可以逐步执行代码并在执行期间检查变量的值;使用代码短绒消除打字错误;在开发过程中编写测试,以确保您的代码能够实现您认为的目标。