Sentry-javascript: [object ErrorEvent]로 기록 된 오류 메시지 속성

Angular 문서 어딘가에 ErrorEvent 의 정의가 있습니까? 분명히 이것은 Error 를 올바른 방법으로 "상속"하는 것이 아닙니다.

문제는 TraceKit의 traceKitWindowOnError() 메서드에있을 수 있지만 message 인수가 ErrorEvent 일 수 있다는 점을 고려하지 않는 것 같습니다 ( MDN 문서 참조).

@benvinegar 여기 ErrorEvent 에 몇 가지 문서가 있습니다 : https://developer.mozilla.org/en-US/docs/Web/API/ErrorEvent

이것의 영향을받는 사용자도 다음과 같습니다.
https://forum.sentry.io/t/reporting-object-errorevent/1807

[email protected] (그러나 이전 버전에서도 한동안 발생했습니다)
각도 4.x
CLI 사용

Ionic 3 및 [email protected] 과 동일합니다.

<script>
  undefined.foo();
</script>

^ 이것은 당신의 html에서 [object ErrorEvent] 로 센트리를 통해 safari에 로그인됩니다. 올바른 메시지는 TypeError: undefined is not an object (evaluating 'undefined.foo') 입니다.

iframe 생성을 시도하는 스크립트 태그를 통해 코드를 삽입하는 외부 스크립트가 있지만 사파리에 의해 차단됩니다. 삽입 된 스크립트 태그에서 오류가 발생하므로 센트리는 [object ErrorEvent] 만보고합니다.

[object Event] 로보고 된 센트리의 또 다른 오류는 flowplayer에서 발생했습니다. Flowplayer는

jQueryElement.trigger('error', [api, {code: 5}]);

jQuery를 임베딩하여 재현 할 수 있습니다.

$('div:first').trigger('error')

센트리는 이런 걸 본다

물론 매우 직렬화하지 그게 전부지만, 같은 오류 error on element from jQuery - context <div class="foo><div class="bar" ... 훨씬 더 도움이 다음이 될 것입니다 [object Event]

이것의 영향도받습니다.

@daangeerdink @jdelaune @rosslavery @tgensol 누군가가 이것을 재현하는 데 도움이 될 수있는 가장 작은 코드를 제공 할 수 있습니까?

@sod 방금 확인했고 Safari 10.1.2는 위에서 언급 한 시나리오에서 올바른 메시지를 제공합니다.

오류가 너무 불투명해서 코드베이스의 어느 부분에서 오류가 발생하는지 식별 할 수 없기 때문에 개인적으로 재현을 제공 할 수 없습니다. 작업 할 스택 추적도없고 내 코드인지 타사 라이브러리인지 확인하는 오류 메시지도 없습니다.

다른 사람이 제공 할 수있는 간단한 예가 있기를 바랍니다. 더 이상 도움이되지 못해 죄송합니다.

우리도이 문제를 겪고 있습니다. 지난 10 일 동안의 일부 데이터를 공유 할 수 있습니다 (이 유형의 이벤트 22,000 개, 사용자 13,000 개). 나는 그것이 당신이 그것을 재현하는 데 도움이되기를 바랍니다.

@kamilogorek 이 유형의 오류는 2 백만 개입니다. 문제라고 생각했지만 제대로 추적 할 수 없었습니다.

문제를 발견했습니다. ErrorEvent 는 여기 에서 찾을 수있는 isError util 함수에 의해 오류로 처리되지 않습니다. 편의를 위해 함수 정의도 붙여 넣겠습니다.

function isError(value) {
  switch ({}.toString.call(value)) {
    case '[object Error]':
      return true;
    case '[object Exception]':
      return true;
    case '[object DOMException]':
      return true;
    default:
      return value instanceof Error;
  }
}

이 함수가 ErrorEvent 대해 true를 반환하는지 여부를 확인하기 위해 콘솔에서 빠른 테스트를 수행했지만 실패했습니다.

isError 는 captureException 메서드에서 예외 매개 변수가 오류인지 아니면 단순히 메시지인지를 결정하는 데 사용됩니다. captureException 는 예외가 _ 실제로 _ 오류가 아니라고 생각하는 경우 captureMessage 사용하여 대시 보드에 예외를 보냅니다. 이 경우 Raven은 스택 추적을 계산하거나 예외를 "처리"하지 않습니다. 그냥 그대로 보냅니다.

ErrorEvent 개체에 대해 true를 반환하도록 isError 를 업데이트하지 않아야하는 이유가 있습니까?

ErrorEvent 객체에 대해 true를 반환하도록 isError를 업데이트하지 않아야하는 이유가 있습니까?

예. 실제로 Error 의 하위 항목이 아니기 때문입니다 ( Event 의 하위 항목). 예를 들어 stack 속성이 없습니다 (AFAICT, 콘솔에서 놀기). 이는 실제로 올바르게 처리되지 않을 수 있음을 의미합니다.

이 오류가 실시간으로 생성되는 방법의 예를 확인하여이를 처리하는 가장 좋은 방법을 파악하는 것이 좋습니다.

ErrorEvent 의 생성자는 Error 를 사용하므로 다음과 같이 쉽게 처리 할 수 ​​있습니다.

if (isErrorEvent(ex)) {
    ex = ex.error;
}

여기 에서 구성 정의를 볼 수 있습니다. 특히 ErrorEventInit 해시를보십시오. 선택적 매개 변수이므로 위에 게시 한 솔루션이 ErrorEvent.error 가 정의되지 않은 경우를 처리하지 못하는 것 같습니다.

물론,이 문제가 해결 될 수 있다고 생각합니다. isError 를 추가하여 true 를 반환하는 것만 큼 간단하지 않다는 의미입니다.

이해 했어요. 몇 분 후에 PR을 올릴 게요.

3.19.x 에서 수정 됨

감사합니다 @shcallaway! 👍

3.19.1 🤔에서 여전히이 문제가 발생하는 것 같습니다.

@PhilippSpo 이 이벤트는 어떤 브라우저에서 발생합니까? ErrorEvent 는 일부 오래된 모바일 브라우저 및 IE에서 지원되지 않으므로 일반 솔루션으로 대체해야했습니다.

@kamilogorek 크롬 61.0.3163

Chrome 61에서도 볼 수 있습니다. 😕 곧 조사해 보겠습니다.

감사합니다 @shcallaway

Safari 11.0, Mac OS 10.13에서도 발생합니다.

'message'매개 변수가 ErrorEvent 객체 인 경우 traceKitWindowOnError 가 입력 매개 변수를 올바르게 처리하지 못하는 것 같습니다.

그리고 'ex'는 정의되지 않았습니다. 그런 다음 'message'필드가 문자열이 아닌 ErrorEvent 인 객체로 notifyHandlers를 호출합니다.

_makeRequest에서 계층화 되면 의미없는 메시지를 생성합니다.

@ michal-rumanek을 조사해 주셔서 감사합니다.이 문제를 곧 처리하도록 노력하겠습니다 (이번 주에는 여유 시간 없음).

@kamilogorek , 진행 상황이 있습니까? ;-)

안녕하세요, [object Object] 오류가 많이 발생합니다.

각도 4
Chrome 62.0.3202
Raven-js 3.20.1

https://github.com/getsentry/raven-js/pull/1162 에서 수정되었습니다.