前端异常的几种情况
JS编译时异常, 比如使用了一个并没有提供的属性/方法
运行时异常, 比如在需要判空的地方没有判空
加载前端资源的时候报错, 跨域, 服务器资源异常, CDN错误, 路径不正确等
接口请求时异常..., 请求了一个不存在的地址, 或者请求方法不正确, 需要用POST, 但是你使用了GET之类 如果你使用了GraphQL, 有可能你的schema与服务端API提供的不符, 也会出错....所以影响的程度排名这里定位:
资源类异常>编译时错误>运行时异常>接口异常
解决思路
对于编译时异常, 我们可以使用TypeScript来进行解决, 使用TypeScript你可以知道哪些API是系统提供的...这里是 onerror 的签名
window.onerror = function(message, source, lineno, colno, error) { … }
message:错误信息(字符串...source:发生错误的脚本URL(字符串)
lineno:发生错误的行号(数字)
colno:发生错误的列号(数字)
error: Error对象 (对象)
后面我们会接着整理具体如何收集, 什么时机