Sentry-javascript: मैं @sentry/ब्राउज़र के माध्यम से क्लाइंट की नेटवर्क त्रुटि का पता कैसे लगा सकता हूं?

• [ओ] दस्तावेज़ीकरण की समीक्षा करें: https://docs.sentry.io/
• [ओ] मौजूदा मुद्दों की खोज करें: https://github.com/getsentry/sentry-javascript/issues
• [ओ] नवीनतम रिलीज का उपयोग करें: https://github.com/getsentry/sentry-javascript/releases

पैकेज + संस्करण

• [ओ] @sentry/browser
• [एक्स] @sentry/node
• [ ] raven-js
• [x] raven-node _(नोड के लिए रेवेन)_
• [ ] अन्य: Angular6 + Ngrx6

संस्करण:

@sentry/browser": "4.4.2"

विवरण

नमस्ते,
जैसा कि मैंने ऊपर वर्णित किया है, मैं Angular6 + Ngrx6 का उपयोग कर रहा हूं।
मैं जो करना चाहता हूं वह यह है कि जब वेबएप एपीआई कॉल में विफल रहता है तो संतरी को एक त्रुटि भेजना।
मान लीजिए, मैं /abc/3 नामक एक एपीआई को कॉल करता हूं जो मौजूद नहीं है।
फिर क्लाइंट को 404 Not Found त्रुटि मिलती है।
और यही वह है जिसे मैं सेंट्री को @sentry/browser के माध्यम से भेजना चाहता हूं।

मैंने एक साधारण सेवा बनाई है।

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

और SentryErrorHandler बनाया है जो कोणीय के ErrorHandler का विस्तार करता है

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

यह कोड सामान्य जेएस त्रुटि का पता लगाता है जैसे कि
abcdefg(); // <- this function doesn't exist so it occurs an error and sent to Sentry.

हालांकि, मुझे पता चला कि उपरोक्त कोड नेटवर्क त्रुटि का पता नहीं लगाता है। (जैसे मैंने कहा /abc/3 )

इसलिए मैंने ErrorInterceptor बनाया है जो कोणीय के HttpInterceptor को बढ़ाता है।

@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);
                }
            })
        );
    }
}

तब मैं नेटवर्क त्रुटि पकड़ सकता था।
लेकिन समस्या यह है कि मैं अपने संतरी डैशबोर्ड में कोई नहीं देख सकता।
मैंने अपना क्रोम नेटवर्क टैब चेक किया। और मुझे एक संदेश मिला:
"गैर-त्रुटि अपवाद कुंजी के साथ कब्जा कर लिया: त्रुटि, शीर्षलेख, संदेश, नाम, ठीक है ..."

तो मुझे लगता है कि @ संतरी/ब्राउज़र को नहीं लगता कि यह एक त्रुटि है।

मुझे यह भी पता चला कि Non-Error exception captured with keys: error, headers, message, name, ok… . के बारे में बात कर रहे हैं

तो यहाँ मेरे प्रश्न हैं।

1. @ संतरी/ब्राउज़र क्लाइंट नेटवर्क त्रुटि पकड़ने के लिए है?
2. अगर 1 सत्य है, तो मैं इसे कैसे काम कर सकता हूं? (उम्मीद है कि कोणीय तरीका)
3. यदि 2 गलत है, तो क्या नेटवर्क त्रुटि को बैकएंड द्वारा नियंत्रित किया जाना चाहिए?

धन्यवाद!