वास्तव में आप React.js में JSX को डीबग कैसे करना चाहते हैं?

Question

अभी React.js सीखने की कोशिश कर रहा है लेकिन मुझे वाक्यविन्यास त्रुटियों के साथ बहुत परेशानी हो रही है। मुझे प्रतिक्रिया नहीं है कि प्रतिक्रिया.जेएस कोड लिखते समय जेएसएक्स को डीबग कैसे करें। एक ठेठ JSX सिंटेक्स त्रुटि मेरे कंसोल पर इस तरह दिखेगा:

"रेखा 15" किसी भी वास्तविक कोड के अनुरूप प्रतीत नहीं होता है। मेरे आईडीई में यह मेरे <script> टैग से ठीक पहले एक खाली रेखा है। त्रुटि का विस्तार करने से बस JSXTransformer.js पर कुछ दर्जन संदर्भ दिखाए जाते हैं।

जब मैं इस मुद्दे को गूगल, हर कोई सरल करने के लिए कहते हैं प्रतिक्रिया डिबगर, जो मैंने किया था स्थापित है, लेकिन यह बेकार है जब यह JSX वाक्य रचना के लिए आता है और वास्तव में शुरू नहीं होगी:

दूसरों का सुझाव दिया है का उपयोग करते हुए debugger; क्रोम डीबगर को कॉल करने के लिए मेरी स्क्रिप्ट में कॉल करता है, जो समझदार है, लेकिन जेएसएक्स त्रुटि किसी भी तरह से स्क्रिप्ट को रोकती है चाहे मैं कॉल कहां रखूं।

Answer 1

प्रतिक्रिया आक्रामक लाइनों की पहचान करने के साथ काफी दिक्कतों का सामना है, यह कोड को देखने के बिना, एक से पहले बहुत संभावना है अपने मामले लाइन 14.