ionic4-GlobalErrorHandler(全局异常捕捉与处理)

ionic4-GlobalErrorHandler(全局异常捕捉与处理)

node 10.15.0
ionic 4.12.0
cordova 9.0
# platforms
cordova-android：8.0.0
cordova-ios: 5.0.0

欢迎访问我的专栏：
ionic4 混合开发实战-csdn
ionic4 混合开发实战-简书

前言

Angular2+使用TypeScript语言，经编译器转换后生成的代码基本无可读性，所以如果需要查看详细错误信息，还需要在打包时配置source-map

"prod": "ng build --aot=true  --prod --source-map=true"
# 或者 angular.json
configurations -> production -> sourceMap : true

为什么需要捕捉全局异常？

在实际应用场景中，当程序发生错误时，我们需要第一时间知道，而不是由客户发现，这样就需要一个日志上报功能（其他日志不在本文讨论范围内）；那我们只需在全局捕捉到错误，然后将一些必要信息上传到后端，最后进行分析排查，解决问题。

如何捕捉？

定义GlobalErrorHandler类

import {
   
    ErrorHandler, Injectable, Injector } from '@angular/core';
import {
   
    LocationStrategy, PathLocationStrategy } from '@angular/common'