रिएक्ट देव टूल्स - चेतावनियों पर "ब्रेक" निष्क्रिय करें


87

क्रिएट-रिएक्शन-ऐप के साथ विकसित होने के दौरान, मेरा ब्राउज़र चेतावनी पर डिबगर मोड में प्रवेश करता है:

डिबगर में रोका गया

यह प्रतिक्रिया-देव-उपकरण के स्रोत कोड पर विराम लगाता है:

   // --- Welcome to debugging with React DevTools ---
   // This debugger statement means that you've enabled the "break on warnings" feature.
   // Use the browser's Call Stack panel to step out of this override function-
   // to where the original warning or error was logged.

मैं इस व्यवहार को कैसे निष्क्रिय कर सकता हूं?


16
यह व्यवहार पूरी तरह से कष्टप्रद है। मैं वास्तव में यह जानना चाहता हूं कि इसे कैसे निष्क्रिय किया जाए
गिलोय

3
यहाँ अब के लिए इस व्यवहार को हटाने के लिए Dan github.com/facebook/react/issues/19308#issuecomment-656682924 द्वारा स्टेप इंस्ट्रक्शन का एक कदम है
Alireza

1
मेरा समाधान उस विशेष फ़ाइल को ब्लैकबॉक्स करने के लिए था ताकि डिबगर इसे पूरी तरह से छोड़ दे। जब तक आप उस प्लगइन को विकसित नहीं कर रहे हैं, आपको ऐसा करना अच्छा होना चाहिए।
डेरेक

जवाबों:


81

Chrome Devtools → Chrome कंसोल में जाएं, घटक पर जाएं → सेटिंग पर क्लिक करें → चेतावनी पर अनसेट ब्रेकProfiler में भी ऐसा ही करें → सेटिंगचेतावनी पर अनसेट ब्रेक

@ कैडोमन ने चेक को इंगित किया और फिर सुनिश्चित करने के लिए काम करने के लिए अनचेक किया।

पुनश्च: छवि https://github.com/facebook/react/issues/19308#issuecomment-656969692 से

यहां छवि विवरण दर्ज करें


31
और आपको जांच करने की आवश्यकता है अगर यह पहले से ही चेक नहीं किया गया है
Cadoman

वहाँ भी एक बग लगता है जहाँ चेकबॉक्स Profiler और घटक सेटिंग्स के बीच भ्रमित हो रहा है। एक पर चेक या अनचेक करें, फिर दूसरा अंतिम मान दिखाता है। तो जैसा कि कैडमैन ने कहा, बस जाँच करें और अनचेक करें।
रिएक्टिव-कोर

हाआ, मैंने तुम्हें पाया :)
7urkm3n

15

पुल अनुरोध के आधार पर DevTools: डिफ़ॉल्ट रूप से ब्रेक-ऑन-वार्न बंद करें # 19309 ऐसा लगता है कि यह एक बग है।

ब्रेक ऑन वार्निंग बॉक्स मेरे लिए अनियंत्रित था और यह अभी भी टूट जाएगा। एक्सटेंशन को हटाने और पढ़ने के लिए एक अद्यतन को बाध्य करने के लिए इसे मेरे लिए तय किया।

मुझे Chrome को उसके नियमित शेड्यूल से बाहर एक्सटेंशन अपडेट करने के लिए बाध्य करने का दूसरा तरीका नहीं पता है।



3

क्रोम में एक "ब्लैकबॉक्स स्क्रिप्ट" सुविधा है जो इस मामले में उपयोगी है।

  1. Chrome डेवलपर टूल -> स्रोत टैब पर जाएं
  2. बाएं फलक से "react_developer_tools.js" चुनें
  3. फ़ाइल राइट-क्लिक करें और "ब्लैकबॉक्स स्क्रिप्ट" चुनें

यहां छवि विवरण दर्ज करें



3

मुद्दा हालिया रिलीज के कारण है। प्रतिक्रिया टीम द्वारा प्रस्तावित एक समाधान है:

  • Chrome डेवलपर टूल पर जाएं
  • अवयव टैब (प्रतिक्रिया डेवलपर उपकरण एक्सटेंशन) पर क्लिक करें
  • सेटिंग्स आइकन पर क्लिक करें (घटक खोज बॉक्स के बगल में स्थित)
  • एक बार मोडल खुलने के बाद डिबगिंग टैब चुनें
  • अंत में, चेतावनियों पर चेकबॉक्स (चेक और अनचेक) पर डबल क्लिक करें

सुनिश्चित करें कि पिछले चेतावनियों पर ब्रेक अनचेक किया गया है।

संदर्भ: लिंक जारी करें

यहां छवि विवरण दर्ज करें

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.