Sentry-javascript: @sentry/browser 를 통해 클라이언트의 네트워크 오류를 어떻게 감지할 수 있습니까?

• [o] 문서 검토: https://docs.sentry.io/
• [o] 기존 문제 검색: https://github.com/getsentry/sentry-javascript/issues
• [o] 최신 릴리스 사용: https://github.com/getsentry/sentry-javascript/releases

패키지 + 버전

• [o] @sentry/browser
• [x] @sentry/node
• [ ] raven-js
• [x] raven-node _(노드용 레이븐)_
• [ ] 기타: Angular6 + Ngrx6

버전:

@sentry/browser": "4.4.2"

설명

안녕하세요 여러분,
위에서 설명한 것처럼 Angular6 + Ngrx6을 사용하고 있습니다.
내가하고 싶은 것은 webApp이 API 호출에 실패했을 때 Sentry에 오류를 보내는 것입니다.
존재하지 않는 /abc/3 라는 API를 호출한다고 가정해 보겠습니다.
그런 다음 클라이언트에 404 Not Found 오류가 발생합니다.
그리고 이것은 @sentry/browser 를 통해 Sentry에 보내고 싶은 것입니다.

간단한 서비스를 만들었습니다.

@Injectable({
  providedIn: 'root'
})
export class SentryService {
  constructor() { }
  captureException(error: any) {
    Sentry.captureException(error.originalError || error);
    throw error;
  }
}

Angular의 ErrorHandler 를 확장하는 SentryErrorHandler 를 만들었습니다.

@Injectable()
export class SentryErrorHandler implements ErrorHandler {
  constructor(private sentry: SentryService) {}
  handleError(error: any): void {
    this.sentry.captureException(error);
    throw error;
  }
}

이 코드는 다음과 같은 일반적인 js 오류를 잘 감지합니다.
abcdefg(); // <- this function doesn't exist so it occurs an error and sent to Sentry.

그런데 위의 코드가 네트워크 오류를 감지하지 못한다는 것을 알게 되었습니다. ( 내가 말했듯이 /abc/3 )

그래서 Angular의 HttpInterceptor ErrorInterceptor 를 만들었습니다.

@Injectable()
export class ErrorInterceptor implements HttpInterceptor {
    constructor(
        private _injector: Injector,
        private sentry: SentryService
    ) {}

    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        return next.handle(req)
        .pipe(
            tap(event => {}, error => {
                if (error) {
                    this.sentry.captureException(error);
                }
            })
        );
    }
}

그런 다음 네트워크 오류를 잡을 수 있습니다.
하지만 문제는 내 Sentry 대시보드에서 아무것도 볼 수 없다는 것입니다.
내 Chrome 네트워크 탭을 확인했습니다. 그리고 다음과 같은 메시지를 찾을 수 있었습니다.
"키로 캡처된 오류가 아닌 예외: 오류, 헤더, 메시지, 이름, 확인..."

그래서 @sentry/browser는 이것이 오류라고 생각하지 않는다고 생각합니다.

나는 또한 Non-Error exception captured with keys: error, headers, message, name, ok… 에 대해 이야기하는 것을 발견 했습니다 .

여기 내 질문이 있습니다.

1. @sentry/browser가 클라이언트 네트워크 오류를 잡기 위한 것입니까?
2. 1이 사실이라면 어떻게 작동시킬 수 있습니까? (잘하면 각도 방식)
3. 2가 false이면 백엔드에서 네트워크 오류를 처리해야 합니까?

감사 해요!