Angular获取所有控制台错误

标签 angular typescript error-handling console-application angular-errorhandler

我试图捕捉我的 Angular 应用程序的所有控制台错误,不仅是 http 响应错误,还有那些在应用程序中生成的错误。我的意思是,所有控制台错误,像这样
enter image description here
或者像这样
enter image description here
或者像这样
enter image description here
我需要的是,当我捕捉到一些此类错误(应用程序错误和 http 错误)时,我将其放入数据库的另一个服务中以存储问题并进行一些统计。
我进行了研究,并遇到了以下解决方案:
一、 Angular 解---> https://angular.io/api/core/ErrorHandler
这也回答了---> How to get all console error messages in Angular application
这----> Angular error handling and logging - Call GlobalErrorHandler's handleError
这----> https://www.concretepage.com/angular/angular-custom-error-handler
但似乎没有一个工作(甚至没有http响应)
我正在尝试集中执行此操作,我的意思是,一个可以捕获所有错误的服务,无论发生错误的模块或组件如何,然后发送到我的其他服务并将错误存储在我的数据库中......这可能吗?怎么可能?
非常感谢!

最佳答案

console.error的猴子补丁方法肯定会帮助您捕获所有控制台错误。

console.error = (originLogFn => function () {
  // do smth with the error

  originLogFn.apply(this, arguments);
})(console.error);
还要注意,在 Angular 初始化之前可能会发生错误,并且它不会被任何带有 console.error 的 Angular 内置服务处理。 .在这种情况下,您可以简单地使用:
window.onerror = (err) => {
  // do smth with the error
}

关于Angular获取所有控制台错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63026138/

相关文章:

css - 元素没有在 Angular 中居中

angular - 使用带有 RxJS 的 Angular 5 和过滤器观察数组

javascript - 如何在exceljs中自动调整列宽

c++ - C++链表问题。数据类型之间有冲突?没有匹配的构造函数?

jsp - 如何在Java ee中冒泡异常?

php - PHP错误-创建的所有文件或目录均为0

angular - 等待直到第二个 Observable 发出

angular - 如何在 Angular 5 中动态设置选定的下拉值

angular - 无法在单元格渲染器中使用 ngIf

javascript - 如何从在 NestJS CQRS 的传奇中失败的后续命令引发 HTTP 异常?