Sentry-javascript: हाइब्रिड ऐप स्टैक्रेस के रूप में कैपेसिटर पर चलने पर संतरी में कोई जानकारी नहीं होती है

हाय @kamilogorek , क्या आप कृपया इसमें मदद कर सकते हैं।

स्टैक फ्रेम में फ़ाइल का नाम गलत दिखता है

{
              "filename": "[native code]",
              "lineno": null,
              "colno": null,
              "function": "forceError",
              "in_app": true
            }

एक और नमूना त्रुटि कंसोल इस तरह दिखता है। Raven.js को त्रुटि की कोई जानकारी नहीं मिलती है।

संतरी पर ऐसा दिखता है

यह ट्रेसकिट की जिम्मेदारी है कि वह त्रुटि से ही उचित फ्रेम जानकारी निकालें - https://github.com/getsentry/sentry-javascript/blob/master/packages/raven-js/vendor/TraceKit/tracekit.js

हालांकि, हमने नए @sentry/browser SDK में इसमें कुछ बदलाव किए हैं, इसलिए हो सकता है कि इससे पहले कि हम कोई और जांच करें, आप इसे पहले आज़माना चाहें।

@ कामिलोगोरेक
@ संतरी/ब्राउज़र के साथ यह और भी बुरा है इसलिए मैं रेवेन में चला गया।

जब कैपेसिटर + आयोनिक 4 + VueJS + @ संतरी/ब्राउज़र का उपयोग करके हाइब्रिड ऐप के रूप में ऐप चल रहा हो तो नीचे यह कैसा दिखता है

नीचे त्रुटि का लिंक दिया गया है जो तब लॉग होता है जब मैं @ संतरी/ब्राउज़र का उपयोग करता हूं।

https://sentry.io/share/issue/d0c7e9529ac94dba9c4b7b04e16361ba/

कंसोल इस तरह दिखता है

संतरी सेटअप

Sentry.init({
    release: "WSVue-" + AppConst.application.version + "-" + AppConst.application.bundleVersion,
    dsn: "https://[email protected]/181356",
    transport: Sentry.Transports.FetchTransport,
    integrations: [new Sentry.Integrations.Vue({Vue})],
    environment: "DEVTEST",
    beforeSend: function (exception) {
        return exception;
    }
});

हालाँकि यह तब सुंदर दिखता है जब एप्लिकेशन वेबसाइट के रूप में चल रहा हो

जब ऐप वेबसाइट के रूप में चल रहा हो तो नीचे वही त्रुटि दर्ज की गई है
https://sentry.io/share/issue/4133deab3fc240f2bc85c680fae922a0/

मैंने कभी भी कैपेसिटर का इस्तेमाल नहीं किया और न ही आयोनिक 4 टीबीएच का। क्या आप सबसे छोटा संभव रिप्रो-केस प्रदान करने में सक्षम हैं जिसका उपयोग मैं इसे डीबग करने के लिए कर सकता हूं? मेरे पास इसे सेट करने का तरीका सीखने के लिए पर्याप्त समय नहीं है।

@kamilogorek कोई समस्या नहीं है मैंने इस मुद्दे को पुन: उत्पन्न करने के लिए एक परीक्षण प्रोजेक्ट बनाया है। कैपेसिटर बिल्कुल कॉर्डोवा के समान है। वही डिबगिंग प्रक्रिया।

https://github.com/stripathix/ionic-vue

किसी त्रुटि को ट्रिगर करने के लिए बस ट्रिगर त्रुटि बटन पर क्लिक करें

एप्लिकेशन को चलाने के लिए मैंने README.md पर चरण जोड़े हैं। यह काफी आसान है। लगभग कॉर्डोवा पर्यावरण के समान।

हाइब्रिड ऐप को डिबग करने के लिए यह बिल्कुल कॉर्डोवा डिबगिंग के समान है। सिम्युलेटर पर ऐप चलाएं और फिर सिम्युलेटर पर चलने वाले ऐप के लिए सफारी ओपन इंस्पेक्टर से।

जब ऐप हाइब्रिड मोबाइल ऐप चला रहा था, तब लॉग इन एरर का लिंक नीचे दिया गया है।
https://sentry.io/share/issue/a19f3ecd72eb4e6fa216e4146ad91038/

नमस्ते, @kamilogorek क्या आपको इस पर गौर करने का मौका मिला?

सच में नहीं, मेरे पास इन दिनों ज्यादा खाली समय नहीं है। किसी दिन इसकी जांच करने की कोशिश करेंगे, क्षमा करें।

@kamilogorek मैं भी इस समस्या का सामना कर रहा हूं। क्या कोई और उपलब्ध है जो इस पर गौर कर सके?

क्षमा करें, लेकिन मेरे पास इस समय इस समस्या से निपटने के लिए पर्याप्त समय नहीं है।

यदि आप जांच करना चाहते हैं, तो मेरा सुझाव है कि:

• beforeSend कॉलबैक का उपयोग करें और देखें कि क्या यह दूसरा तर्क है hint , इसमें hint.originalException विशेषता है, यदि ऐसा है, तो इसके ढेर की जांच करें और देखें कि क्या जानकारी बिल्कुल है
• अगर ऐसा नहीं है, तो हम बहुत कुछ नहीं कर सकते
• यदि ऐसा है, तो https://github.com/getsentry/sentry-javascript/blob/master/packages/browser/src/tracekit.ts की computeStackTrace विधि में एक ब्रेकपॉइंट सेट करें और वहां से चरण दर चरण सेट करें यह error.stack जानकारी को कैसे पचाता है

हम कॉर्डोवा के साथ एक आयोनिक कोणीय v4 ऐप में @sentry/browser का उपयोग करते हैं और स्रोत-मैप किए गए स्टैक ट्रेस के साथ समान समस्याएं थीं।

हमने निर्धारित किया कि इसे कॉर्डोवा के लिए आयनिक वेब व्यू और आईओएस पर कस्टम योजनाओं के उपयोग के साथ करना था (कोर्डोवा के लिए ionic:// #$1$#$, कैपेसिटर के लिए capacitor:// )। स्टैक ट्रेस के फ्रेम के फ़ाइल नामों में कस्टम योजना विमुद्रीकरण के लिए समस्याग्रस्त लगती है।

हमने फ़ाइल नाम की योजनाओं को ionic:// से http:// तक फिर से लिखने के लिए एक वर्कअराउंड लिखा और फिर यह अपेक्षा के अनुरूप काम किया। यहां इसका एक अलग-अलग संस्करण दिया गया है:

beforeSend = (event: Event) => {
  const exceptionValue = event.exception && event.exception.values && event.exception.values[0];

  // Approach taken from Sentry's React Native SDK.
  // See https://github.com/getsentry/sentry/issues/4719#issuecomment-333836573
  const stacktrace = event.stacktrace || (exceptionValue && exceptionValue.stacktrace);

  if (stacktrace) {
    stacktrace.frames.forEach(frame => {
      if (frame.filename !== "[native code]") {
        // The iOS webview uses a custom URL scheme for serving the web app.
        // See https://github.com/ionic-team/cordova-plugin-ionic-webview#iosscheme
        // The full URL with that scheme will be used for filenames in the stacktrace.
        // The URL begins with "ionic://localhost/".
        // The custom "ionic" scheme in the URL creates issues for source-mapped stacktraces.
        // Replacing "ionic" with "http" in the stackframe filename will enable source-mapped stacktraces.
        frame.filename = frame.filename.replace(/^ionic/, "http");
      }
    });
  }

  return event;
}

उम्मीद है की यह मदद करेगा!

@ केविनकेल्चेन : यह गलत फ़ाइल नाम को हल करता है, लेकिन आप अपरिभाषित lineno और colno को कैसे संभालते हैं? @stripathix की तरह, आईओएस वेब ऐप पर कैपेसिटर के अंदर चलते समय फ्रेम में अपरिभाषित होते हैं। उदाहरण:

बनाम

हालांकि मेरे लिए ऐसा लगता है कि इसमें जानकारी गुम नहीं है बल्कि पूरे फ्रेम गायब हैं।

@kamilogorek : मैं पुष्टि कर सकता हूं कि मूल अपवाद में कॉलम और लाइन की जानकारी है, नीचे देखें:

पता नहीं कैसे ट्रेसकिट डिबगिंग शुरू करना है, लेकिन हो सकता है कि ऊपर कुछ स्पष्ट हो।

@silviogutierrez क्या आपके पास कोई छोटा रेप्रो है जिसका उपयोग मैं इसे डीबग करने के लिए कर सकता हूं? आदर्श रूप से केवल एक बुनियादी कॉर्डोवा ऐप जिसमें फ़्रेम हैं जो गायब हैं col/line

@kamilogorek : मैं एक को एक साथ रखने की कोशिश करूंगा, लेकिन मुझे वास्तव में समस्या मिली। यह काफी सरल है, और ठीक उसी जगह जहां आपने इसका अनुमान लगाया था:

यहीं: https://github.com/getsentry/sentry-javascript/blob/master/packages/browser/src/tracekit.ts

gecko और chrome चर दोनों कैपेसिटर के फ्रेम पर रेगेक्स परीक्षण के लिए खाली वापस आते हैं। यानी, आईओएस पर चलने पर, कैपेसिटर के फ्रेम में capacitor://localhost/foo/bar और एंड्रॉइड पर http://localhost होता है। तो ट्रेसकिट आईओएस में सभी फ्रेम छोड़ देता है, सिवाय इसके कि [native code] वाले रेगेक्स से मेल खाते हैं। मुझे लगता है कि यह एंड्रॉइड पर ठीक काम करता है।

gecko चर को बदलने के लिए इस (अत्याचारी) sed कमांड को सरल चलाने से समस्या ठीक हो जाती है:

sed -i "s/moz-extension/moz-extension|capacitor/" node_modules/@sentry/browser/esm/tracekit.js

क्या मुझे कैपेसिटर प्रोटोकॉल जोड़ने के लिए ट्रेसकिट के खिलाफ पीआर खोलना चाहिए? यदि आप ध्यान दें, तो chrome रेगेक्स थोड़ा अधिक लचीला है और ऐसा लगता है कि किसी भी प्रोटोकॉल के लिए रेगेक्स के हिस्से के रूप में [-a-z] पहले से ही है। क्या हमें इसे gecko में भी आजमाना चाहिए?

@silviogutierrez - आपको यहां कभी कोई संकल्प मिलता है? यदि आवश्यक हो, तो मैं आपके फिक्स के साथ पीआर बना सकता हूं या स्थानीय स्तर पर इसका परीक्षण भी कर सकता हूं।

मेरा फिक्स काम कर गया। दुर्भाग्य से, मेरे पास पहले/बाद के साथ एक छोटा प्रजनन रेपो बनाने का समय नहीं था। लेकिन मैं कुछ समय से सफलतापूर्वक फिक्स का उपयोग कर रहा हूं।

दो प्रश्न शेष हैं:

1. क्या इसे संतरी की ओर से सामान्य बनाया जा सकता है? प्रोटोकॉल के लिए *:// जैसा कुछ?
2. या इसके बजाय, संधारित्र अपने स्वयं के प्रोटोकॉल (और केवल iOS पर) पर जोर क्यों देता है? पहले से ही ट्रेसकिट में सूचीबद्ध किसी एक का उपयोग क्यों न करें?

वे अच्छे प्रश्न हैं, और मेरे पास इसका कोई बहुत अच्छा उत्तर नहीं है।

1. ऐसा लगता है कि आपने इसे अपने रेगेक्स के साथ समझ लिया है।

2. मुझे लगता है कि यह संपूर्ण कॉर्डोवा/आयनिक/संधारित्र कस्टम योजनाओं का हिस्सा है या जो कुछ भी है। मुझे ऐसा लगता है कि यह ऐप से CORS प्रीफ़्लाइटिंग से बचने के लिए SSL पिनिंग रणनीति में भी शामिल है, लेकिन मुझे यकीन नहीं है।

@kamilogorek - मुझे सच में यकीन नहीं है कि आप रेप्रो के लिए क्या चाहते हैं। यहाँ मेरा सबसे अच्छा शॉट है जो मुझे लगता है:

https://github.com/toddtarsi/cordova-create-react-app

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

@kamilogorek @silviogutierrez - ठीक है, मैं यहाँ शिकायत कर रहा हूँ। मैं इस निष्कर्ष पर पहुंचा हूं कि इस समस्या का बोझ गेको/सफारी की ओर से क्रूर रूप से कुटिल त्रुटि कार्यान्वयन के लिए आता है। यहां मेरे साथ धैर्यवान और मददगार बने रहने के लिए धन्यवाद।

@toddtarsi क्षमा करें मेरे पास यहां पर्याप्त समय नहीं था, लेकिन मुझे बताने के लिए धन्यवाद। मुझे इस मुद्दे को बंद करने दें, लेकिन बेझिझक मुझे पिंग करें और/या यदि आवश्यक हो तो नया खोलें। धन्यवाद!

@kamilogorek क्या आप चाहते हैं कि मैं @toddtarsi को सुझाया गया एक नया मुद्दा बनाऊं, या बस इस का जिक्र करते हुए एक पीआर जमा करूं?

जैसा कि ऊपर @silviogutierrez की टिप्पणी में बताया गया है (https://github.com/getsentry/sentry-javascript/issues/1863#issuecomment-563364652) यह संतरी-जावास्क्रिप्ट के ट्रेसकिट के संशोधित संस्करण के लिए विशेष रूप से एक मुद्दा है, और आसानी से कर सकते हैं इस परियोजना में तय किया जा सकता है (https://github.com/getsentry/sentry-javascript/blob/master/packages/browser/src/tracekit.ts#L49)।

समस्या: कैपेसिटर ऐप्स आईओएस में मैप करने योग्य स्टैकट्रेस नहीं भेजते हैं क्योंकि जेको रेगेक्स उनके कैपेसिटर: // यूआरएल योजना की अनुमति नहीं देता है।
समाधान: कैपेसिटर यूआरएल स्कीम को गेको रेगेक्स में जोड़ें।

मैं प्रोजेक्ट को फोर्क करने वाला हूं और अपने इस्तेमाल के लिए बदलाव करने जा रहा हूं, अगर आप मुझे एक पुल अनुरोध जमा करना चाहते हैं तो मुझे बताएं!

@kamilogorek @mrlowe पुल अनुरोध के लिए कोई अपडेट https://github.com/mrlowe/sentry-javascript/commit/3a09f918e0cbadfdbc1c11d6d779d4718d597fb0? यह https://github.com/getsentry/sentry/issues/13169 मुद्दे में चर्चा किए गए संधारित्र समर्थन के लिए सहायक होगा।

@seanwu1105 मुझसे कुछ नहीं। मेरे पास यह अभी उत्पादन में चल रहा है और कोई समस्या नहीं देखी है।

@mrlowe क्या आपके पास अगली रिलीज पर उस बदलाव को सभी के लिए उपलब्ध कराने के लिए पीआर बनाने की योजना है? आईओएस में हाइब्रिड ऐप में कैपेसिटर का उपयोग करते समय हम एक ही समस्या का सामना कर रहे हैं, और यह फिक्स https://github.com/mrlowe/sentry-javascript/commit/3a09f918e0cbadfdbc1c11d6d779d4718d597fb0 हमारे लिए काम करता है। धन्यवाद!

@albertinad मैंने @kamilogorek से कुछ भी वापस नहीं सुना, इसलिए मैं सिर्फ पीआर बनाउंगा और इस मुद्दे का संदर्भ दूंगा। अगर इसे नहीं उठाया जाता है तो मुझे लगता है कि हम एक नया मुद्दा बना सकते हैं।

देर से प्रतिक्रिया के लिए खेद है @mrlowe , पहले से बंद मुद्दे में एक उल्लेख को याद करना बहुत आसान है। पीआर पर नजर रखेंगे, धन्यवाद!