调试Javascript/Angular问题，当你无法重新创建它

Question

我是编码新手，在 Angular 6 中开发开源财务计算器。

一些用户报告了一个我无法在任何设备/浏览器上重新创建的问题。

我的表单上的"提交"按钮具有鼠标向下功能，可将光标更改为等待光标并提供"正在计算..."消息。

<button type="submit" id="maximizeSubmit" class="btn btn-primary" (mousedown)="waitCursor()">Submit</button>
waitCursor() {
document.getElementById("container").style.cursor = "wait";
document.getElementById("maximizeSubmit").style.cursor = "wait";
this.statusMessage = "Calculating the optimal strategy..."
}

然后在提交时，表单会触发 onSubmit 方法。该方法基本上运行一堆数学运算，报告结果，然后将光标更改回正常并删除"计算..."消息。

<form #inputForm="ngForm" (ngSubmit)="onSubmit()">
onSubmit() {
//lots of math
document.getElementById("container").style.cursor = "default";
document.getElementById("maximizeSubmit").style.cursor = "default";
this.statusMessage = ""
}

一些用户报告说，当单击"提交"按钮时，"计算"消息仅在他们按下按钮时出现，然后它就会消失。计算器永远不会输出任何结果。

但我自己无法重现问题。我也看不到他们在控制台中获得的输出可能会指导我。

有人对在这种情况下如何进行有建议吗？

实际站点及其GitHub页面如下，以防出于任何原因有所帮助： https://opensocialsecurity.com/https://github.com/MikePiper/open-social-security

Answer 1

就像提到的家伙一样，你应该以某种方式获得什么浏览器、操作系统等的信息......这发生了。如果你能发现这一点，一定要这样做。

在具有较大用户群的应用程序中，您无法与用户很好地沟通他们的错误，或者您想知道他们遇到的错误，他们甚至不知道，您应该实现您的应用程序并将其连接到某种错误记录器。关于它的好文章在这里，特别是"如何跟踪错误"一章。然后，您将了解所有意外异常以及它们发生在什么环境中。