Sentry-javascript: घटना: गैर-त्रुटि वादा अस्वीकृति चाबियों के साथ कब्जा कर लिया: currentTarget, isTrusted, लक्ष्य, प्रकार

हमने पिछले कुछ हफ़्तों में इन्हें देखना भी शुरू कर दिया है। मैंने अभी इस पर गौर करना शुरू किया है, इसलिए मेरे पास इसके कारण के बारे में अधिक जानकारी नहीं है।

वही यहाँ, अब संतरी v5.15.5 पर।

क्या कोई संतरी में कैद इस प्रकार की घटना के लिए कोई लिंक प्रदान कर सकता है? यह एक स्क्रिप्ट लोडिंग त्रुटि की तरह दिखता है ( target कि इस घटना को ट्रिगर किया गया है)

@kamilogorek क्या आप कृपया मुझे अपनी कंपनी का ईमेल भेज सकते हैं? मैं घटनाओं के उदाहरण साझा कर सकता हूं।

@Santas [email protected]

अगर आपको और उदाहरणों की ज़रूरत है तो मैं कुछ भी @kamilogorek भेज सकता

@शीला हां, प्लीज

@शीला ईमानदार होने के लिए हम यहां बहुत कुछ सुधार नहीं कर सकते हैं। जेएस हमें अधिक जानकारी नहीं देता है जो हम पहले ही प्रदान कर चुके हैं। जब भी किसी वादा वस्तु का एक उदाहरण अस्वीकार कर दिया जाता है, तो यह onunhandledrejection घटना को ट्रिगर करता है (ओपी विवरण में onerror के लिए भी यही होता है)।

https://developer.mozilla.org/en-US/docs/Web/API/Window/unhandledrejection_event

हालाँकि, ऐसा कुछ भी नहीं है जो किसी को भी वहाँ किसी भी यादृच्छिक सामान को पारित करने से रोक सके।
इस प्रकार इस तरह का कोड Promise.reject("whatever") या Promise.reject(jQueryBecauseWhyNot) पूरी तरह से मान्य JS कोड है।

जब भी हमें कुछ ऐसा मिलता है जो एक आदिम मूल्य नहीं है, एक वस्तु जिसमें स्टैक ट्रेस (जैसे। Error ) या आंतरिक DOM अपवाद होता है, तो हमें सरल वस्तु क्रमांकन पर वापस आना होगा और जो भी जानकारी हम निकाल सकते हैं उसे निकालने का प्रयास करें इसका। आप संभावित पथों की सूची के लिए eventbuilder.ts फ़ाइल देख सकते हैं, यह "कोई भी यादृच्छिक मान" ईवेंट हैंडलर को दिया जा सकता है - https://github.com/getsentry/sentry-javascript/blob/master/packages/ ब्राउज़र/src/eventbuilder.ts# L17 -L80

दुर्भाग्य से, मुझे यकीन नहीं है कि क्या हम इसे और अधिक प्रकार के इनपुट को संभालने के लिए और अधिक सामान्य बना सकते हैं।
अगर किसी के पास उस प्रक्रिया के बारे में कोई प्रतिक्रिया है, तो मैं सुझावों के लिए पूरी तरह से तैयार हूं।

(बातचीत को अन्य सभी के लिए सार्वजनिक रखने के लिए, आपके ईमेल के बजाय यहां उत्तर दिया गया है)

मेरी टिप्पणियों से:

• केवल मोबाइल या डेस्कटॉप पर Safari के विभिन्न नवीनतम संस्करणों में होता है;
• मेरे पास मेरे वेब ऐप में ZXing और browser-image-compression जैसी कुछ लाइब्रेरी स्थापित हैं, लेकिन कोई तृतीय-पक्ष ट्रैकिंग स्क्रिप्ट नहीं है;
• ऐसा लगता है कि ठीक उसी समय होता है जब एक एपीआई कॉल नेटवर्क त्रुटि (कोड 0) के साथ विफल हो जाती है।
• मेरे मामले में, यह विशेष रूप से एक ProgressEvent , न कि केवल एक घटना - जो HTTP अनुरोध पुस्तकालय का एक हिस्सा प्रतीत होता है (मैं axios का उपयोग कर रहा हूं)।

ADDITIONAL DATA

__serialized__ | {
    currentTarget: [object Null],
    isTrusted: [Circular ~],
    target: [object FileReader],
    type: error}
-- | --

मुझे अभी भी "गैर-त्रुटि वादा अस्वीकृति मूल्य के साथ कब्जा कर लिया गया है: शून्य" के साथ एक रिपोर्ट प्राप्त हुई है। जैसा कि ऊपर उल्लेख किया गया @ एंटोन-बॉट प्रभावित उपयोगकर्ता मैक ओएस एक्स 10.15.6 पर सफारी 13.1.2 का उपयोग कर रहा था।

मैंने reject( कॉल के लिए अपने संकलित ऐप कोड में एक नज़र डाली, जहां संभावित रूप से null ऑब्जेक्ट प्रदान किया गया है, लेकिन कोई भी नहीं मिला, इसलिए मैं सोच रहा था कि यह ब्राउज़र एक्सटेंशन हो सकता है या तीसरा पार्टी स्क्रिप्ट। चूंकि कोई स्टैक ट्रेस या ब्रेडक्रंब नहीं है, इसलिए यह जानना काफी कठिन है कि वास्तव में क्या हुआ।

यह भी पिछले दो सप्ताह से देख रहे हैं। हमारी साइट पर हमने इसे केवल उन पृष्ठों पर देखा है जो Google मानचित्र जावास्क्रिप्ट एपीआई का उपयोग करते हैं, इसलिए मुझे लगता है कि यह उससे संबंधित हो सकता है। कोई और इसे यूआरएल पर देख रहा है जो Google मानचित्र का उपयोग करता है?

संपादित करें: अब तक हमने आईओएस और एंड्रॉइड पर इस मुद्दे को देखा है

संपादित करें: अतिरिक्त डेटा:

{
  currentTarget: [object Null], 
  isTrusted: [Circular ~], 
  target: head > script[type="text/javascript"], 
  type: error
}

@asbjornh नहीं, मेरे पृष्ठ में Google मानचित्र नहीं है

@kamilogorek क्या ओपी का अतिरिक्त डेटा (और मेरा) कुछ इस तरह से होगा Promise.reject(new Event("error")) ? या इस स्थिति के लिए संतरी घटनाओं में हमेशा पेलोड होंगे जो ब्राउज़र की घटनाओं की तरह दिखते हैं?

@asbjornh हाँ, यह तब इस प्रवाह से गुजरेगा - https://github.com/getsentry/sentry-javascript/blob/caff9e7b308f99f04443d57d990c252a51a153bf/packages/browser/src/eventbuilder.ts#L97 -L107

मुझे भी वही त्रुटि मिल रही है

इस त्रुटि ने मेरी कोटा क्षमता को समाप्त कर दिया है।

पिछले 24 घंटों में हमारे पास इसके 289 इवेंट हैं - और हमारा पेज अभी लाइव भी नहीं हुआ है..

{
currentTarget: [object Null], 
isTrusted: [Circular ~], 
target: head > link, 
type: error
}

हम next.js . का उपयोग कर रहे हैं

यहाँ cra . के साथ भी ऐसा ही है

ऐसा लगता है कि यह समस्या मोटे तौर पर कुछ इस तरह के कारण होती है:

new Promise((resolve, reject) => {
  const script = document.createElement('script');
  script.src = src;
  script.onload = resolve;
  script.onerror = reject;
  document.body.appendChild(script);
});

onerror हुक को वास्तव में Error उदाहरण के बजाय एक Event ऑब्जेक्ट प्राप्त होगा, जो ऊपर वर्णित इन समस्याओं का कारण बन रहा है। https://developer.mozilla.org/de/docs/Web/API/HTMLScriptElement द्वारा सुझाए गए अनुसार Event को Error साथ लपेटकर इससे बचा जा सकता है:

new Promise((resolve, reject) => {
  const script = document.createElement('script');
  script.src = src;
  script.onload = resolve;
  script.onerror = event => {
    reject(new Error(`Failed to load ${event.target.src}`));
  };
  document.body.appendChild(script);
});

मेरे मामले में यह नेक्स्ट.जेएस का 9.5.2 प्रीफेचिंग तंत्र था जो इसे फ़ायरफ़ॉक्स पर पैदा कर रहा था, बस अगर किसी के पास ऐसा ही मामला हो। (शायद यहाँ? https://github.com/getsentry/sentry-javascript/issues/2546#issuecomment-697771381) यह मुद्दा है: https://github.com/vercel/next.js/pull/16757 और कर सकते हैं 9.5.3 या कैनरी में अपग्रेड करके हल किया जा सकता है।

ब्राउज़र में त्रुटि बहुत अधिक वर्बोज़ है, हालाँकि:

Uncaught (in promise) 
error
bubbles: false
...
...
as: "fetch"
assignedSlot: null
attributes: NamedNodeMap(3
0: href="/_next/data/wmQYPCwvbuBulJfEwTMRf/smartwatches/fitbit-ionic.json"
1: rel="prefetch"
2: as="fetch"
as: as="fetch"
href: href="/_next/data/wmQYPCwvbuBulJfEwTMRf/smartwatches/fitbit-ionic.json"
length: 3
rel: rel="prefetch"
...
...
​
isTrusted: true
originalTarget: <link href="/_next/data/wmQYPCwvbuBu…tches/fitbit-ionic.json" rel="prefetch" as="fetch">
returnValue: true
srcElement: <link href="/_next/data/wmQYPCwvbuBu…tches/fitbit-ionic.json" rel="prefetch" as="fetch">​
target: <link href="/_next/data/wmQYPCwvbuBu…tches/fitbit-ionic.json" rel="prefetch" as="fetch">
timeStmp: 25366
type: "error"
...

हम इस डेटा को कैप्चर करने के लिए संतरी कैसे प्राप्त कर सकते हैं?

@ Turbo87 हाँ! यही कारण है कि हम इसे केवल @googlemaps/js-api-loader का उपयोग करने वाले पृष्ठों पर ही देख रहे हैं। वे ठीक वही कर रहे हैं जिसका आप यहाँ वर्णन कर रहे

आपको धन्यवाद!!