如何调试/捕获 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控制台将产生以下错误

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

或者

正如用户@i所说的那样

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

Answer 2

catch((e) => console.log(e));