Sentry-javascript: कंसोल के लिए अपवाद (`कैप्चर एक्सेप्शन`) कैसे लॉग करें

हमने इस कारण से captureException लपेटा:

function captureException(...args) {
    if (typeof Sentry !== 'undefined') {
        Sentry.captureException(...args);
    }
    else {
        console.error(...args);
    }
}

मैं कहूंगा कि सबसे अच्छा तरीका उपयोग होगा beforeSend
```जेएस
संतरी.इनिट({
डीएसएन: "डीएसएन",
पहले भेजें: घटना => {
अगर (IS_DEBUG) {
कंसोल.त्रुटि (घटना);
वापसी शून्य; // यह घटना को छोड़ देता है और संतरी को कुछ भी नहीं भेजा जाएगा
}
वापसी की घटना;
}
});

मुझे beforeSend का उपयोग करने के बारे में जो पसंद नहीं है वह यह है कि मुझे मूल त्रुटि वस्तु नहीं मिलती है। लेकिन उत्तर के लिए धन्यवाद।

@gaastonsr आप दूसरे तर्क के रूप में करते हैं :) https://docs.sentry.io/learn/filtering/?platform=browser#before -send

Sentry.init({
  dsn: "DSN",
  beforeSend: (event, hint) => {
   if (IS_DEBUG) {
     console.error(hint.originalException || hint.syntheticException);
     return null; // this drops the event and nothing will be sent to sentry
   }
   return event;
  }
});

ओमग, यह सब कुछ बदल देता है! धन्यवाद, @kamilogorek।

मुझे यह पता लगाने में 30 मिनट का समय लगा कि मेरा कंसोल त्रुटियों को लॉग क्यों नहीं कर रहा है। यह करना आसान होना चाहिए।

यहां समस्या यह है कि यदि हम इसे डिफ़ॉल्ट रूप से लॉग करते हैं, तो हम इसे डिफ़ॉल्ट रूप से ब्रेडक्रंब के रूप में भी कैप्चर करेंगे। और हम इसे पहले से ही कैप्चर एरर के लिए करते हैं। इस प्रकार यह डुप्लिकेट प्रविष्टियाँ बनाएगा।
हालांकि मेरे कान फीडबैक के लिए पूरी तरह से खुले हैं और अगर किसी को इस दस्तावेज़ भाग को बेहतर बनाने का कोई विचार है, तो मुझे इसे शामिल करने में खुशी होगी :)

यहां समस्या यह है कि यदि हम इसे डिफ़ॉल्ट रूप से लॉग करते हैं, तो हम इसे डिफ़ॉल्ट रूप से ब्रेडक्रंब के रूप में भी कैप्चर करेंगे। और हम इसे पहले से ही कैप्चर एरर के लिए करते हैं। इस प्रकार यह डुप्लिकेट प्रविष्टियाँ बनाएगा।
हालांकि मेरे कान फीडबैक के लिए पूरी तरह से खुले हैं और अगर किसी को इस दस्तावेज़ भाग को बेहतर बनाने का कोई विचार है, तो मुझे इसे शामिल करने में खुशी होगी :)

यह वास्तव में अप्रत्याशित व्यवहार है कि संतरी त्रुटियों को पकड़ता है और उन्हें कंसोल में नहीं दिखाता है!
मैंने यह पता लगाने में भी एक घंटा बिताया कि मेरा ऐप काम क्यों नहीं करता है, हालांकि कंसोल स्पष्ट है।
यह निश्चित रूप से बदला जाना चाहिए।

मुझे लगता है कि आप सर्वर साइड पर ब्रेडक्रंब से त्रुटि को फ़िल्टर कर सकते हैं।
या शायद इसे setTimeout कॉलबैक में कंसोल पर लॉग इन करें, इसलिए ब्रेडक्रंब पहले से ही कब्जा कर लिया जाएगा। जैसा कि मैं वर्तमान में करता हूं:

Sentry.init({
  dsn: 'DSN',
  beforeSend: (event, hint) => {
    setTimeout(() => console.error(hint.originalException || hint.syntheticException), 0);
    return event;
  }
});

@vitalets इसे 5.9.0 में बदल दिया गया है। अब आपको कंसोल में भी त्रुटियाँ दिखाई देंगी।

@vitalets इसे 5.9.0 में बदल दिया गया है। अब आपको कंसोल में भी त्रुटियाँ दिखाई देंगी।

@ कामिलोगोरेक
यह मेरे लिए sentry/browser 5.9.1 (क्रोम 78, ओएसएक्स) पर काम नहीं करता है।
यहाँ कोड हैं:

Sentry.init({  dsn: 'dsn' });
setTimeout(() => {throw new Error('abc')}, 3000);

कंसोल खाली है। नेटवर्क टैब दिखाता है कि त्रुटि संतरी को भेजी गई थी।

संतरी त्रुटि के बिना दिखाया गया है:

// Sentry.init({  dsn: 'dsn' });
setTimeout(() => {throw new Error('abc')}, 3000);

यह कैप्चर अपवाद के लिए लॉग करता है कैप्चर ईवेंट के लिए नहीं:
कैप्चरइवेंट और @kamilogorek के समाधान को थोड़ा संशोधित किया है:

Sentry.init({
  dsn: "DSN",
  beforeSend: (event, hint) => {
   if (IS_DEBUG) {
     console.error(hint.originalException || hint.syntheticException || event);
     return null; // this drops the event and nothing will be sent to sentry
   }
   return event;
  }
});

@kamilogorek क्या यह @sentry/node पैकेज के लिए भी डिफ़ॉल्ट है? मेरे पास 5.9.0 संस्करण है और मुझे beforeSend फ़ंक्शन को कॉल किया जा रहा है लेकिन मुझे कंसोल में कुछ भी लॉग इन नहीं दिख रहा है।

मैं भी 5.10.1 के साथ कंसोल पर कोई त्रुटि नहीं देखता। यदि डीबग सत्य पर सेट है तो लॉगिंग पर्याप्त होगी।

ऐसा तब होता है जब आप विनिर्देशों को अंत तक नहीं पढ़ते हैं...

https://html.spec.whatwg.org/multipage/webappapis.html#the -event-handler-processing-algorithm

यदि विशेष त्रुटि ईवेंट हैंडलिंग सत्य है
यदि वापसी मान सत्य है, तो ईवेंट का रद्द किया गया ध्वज सेट करें।
अन्यथा
यदि वापसी मूल्य गलत है, तो ईवेंट का रद्द किया गया ध्वज सेट करें।

और फिर आप स्क्रॉल करें ...

ऐतिहासिक कारणों से प्लेटफ़ॉर्म में दो अपवाद हैं:
वैश्विक वस्तुओं पर आतंकवादी हैंडलर, जहां सच लौटना घटना को रद्द कर देता है

मैं तदनुसार कोड अपडेट करूंगा

जब आप चश्मा नहीं पढ़ते हैं तो ऐसा होता है

कोई भी अंत तक चश्मा नहीं पढ़ता :)

फिक्स के लिए धन्यवाद!

अगर मैं इस धागे को सही ढंग से पढ़ रहा हूं तो संतरी की वर्तमान रिलीज को कंसोल में त्रुटियों को दिखाना चाहिए जबकि उन्हें संतरी डैशबोर्ड पर भेजना चाहिए। मैं इस व्यवहार का अनुभव नहीं कर रहा हूं।

यहां बताया गया है कि मैं अपने पेज में संतरी कैसे लोड कर रहा हूं:

<script src="https://browser.sentry-cdn.com/5.20.1/bundle.min.js" integrity="sha384-O8HdAJg1h8RARFowXd2J/r5fIWuinSBtjhwQoPesfVILeXzGpJxvyY/77OaPPXUo" crossorigin="anonymous"></script>
<script src="https://browser.sentry-cdn.com/5.20.1/vue.min.js" crossorigin="anonymous"></script>

यहाँ मेरी आरंभीकरण कॉल है:

  Sentry.init({
    dsn: 'https://_________.ingest.sentry.io/___________',
    integrations: [new Sentry.Integrations.Vue({Vue, attachProps: true})],
  });

मैंने निम्न त्रुटि उत्पादन लाइन जोड़ा है:

 window.undef.undef += 1;

जब मैं पृष्ठ लोड करता हूं और त्रुटि रेखा को ट्रिगर करता हूं तो कंसोल में कुछ भी दिखाई नहीं देता है, लेकिन मुझे संतरी डैशबोर्ड में त्रुटि दिखाई देती है। अगर मैं Sentry.init कॉल पर टिप्पणी करता हूं तो मुझे जेएस कंसोल में TypeError देता है।

मुझे इस धागे के अपने पढ़ने के आधार पर उम्मीद थी कि मुझे जेएस कंसोल में त्रुटि दिखाई देगी, जबकि इसे संतरी डैशबोर्ड पर भी लॉग इन किया जाएगा। क्या यह सही नहीं है? क्या मुझे अभी भी beforeSend हुक का उपयोग करने की आवश्यकता है?

मुझे अब एहसास हुआ कि मुझे logErrors: true को Integrations.Vue कॉल में पास करने की आवश्यकता है:

new Sentry.Integrations.Vue({Vue, attachProps: true, logErrors: true}

क्षमा करें, मुझे दस्तावेज़ों को अधिक बारीकी से पढ़ना चाहिए था!