अपना ऐप विकसित करते समय आप ऊपर बताए अनुसार त्रुटि का सामना कर सकते हैं। यहाँ वह कोड है जो त्रुटि देता है -
उदाहरण
<पूर्व> "प्रतिक्रिया" से आयात प्रतिक्रिया; "प्रतिक्रिया-मूल" से आयात {छवि, पाठ, दृश्य, स्टाइलशीट}; निर्यात डिफ़ॉल्ट वर्ग ऐप प्रतिक्रिया बढ़ाता है। घटक {रेंडर () {वापसी (<शैली देखें ={styles.container) }> <छवि शैली={styles.stretch} स्रोत={{ यूरी:'https://pbs.twimg.com/profile_images/486929358120964097/gNLINY67_400x400.png', }} /> ); }}कॉन्स्ट स्टाइल =स्टाइलशीट.क्रिएट ({कंटेनर:{पैडिंगटॉप:50, पैडिंगलेफ्ट:50,}, स्ट्रेच:{चौड़ाई:200, ऊंचाई:200, रीसाइजमोड:'स्ट्रेच',},});स्क्रीन पर प्रदर्शित होने वाली त्रुटि इस प्रकार है -
त्रुटि निम्नलिखित कारणों से आती है। सुनिश्चित करें कि आप अपने ऐप में कोडिंग करते समय उन गलतियों से बचें।
त्रुटि का पहला कारण खराब इंडेंटेशन के कारण है। यह बहुत आवश्यक है कि प्रत्येक घटक ठीक से इंडेंट किया गया हो। चाइल्ड एलिमेंट को पैरेंट कंपोनेंट के अंदर ठीक से इंडेंट किया गया है।
दूसरा मामला प्रत्येक घटक के अंत में छोड़े गए रिक्त स्थान के कारण है। स्क्रीन के अंत से रिक्त स्थान निकालें और फिर से संकलित करें। यह ठीक काम करेगा। कृपया किसी अन्य स्रोत से कोड पेस्ट करते समय सावधान रहें। आप ज्यादातर उन मामलों में इस त्रुटि का सामना करेंगे।
आइए अब कोड को सही करें और आउटपुट को दोबारा जांचें।
उदाहरण
<पूर्व> "प्रतिक्रिया" से आयात प्रतिक्रिया; "प्रतिक्रिया-मूल" से आयात {छवि, पाठ, दृश्य, स्टाइलशीट}; निर्यात डिफ़ॉल्ट वर्ग ऐप प्रतिक्रिया बढ़ाता है। घटक {रेंडर () {वापसी (<शैली देखें ={styles.container) }> <छवि शैली={styles.stretch} स्रोत={{uri:'https://pbs.twimg.com/profile_images/486929358120964097/gNLINY67_400x400.png '}} /> ); }}कॉन्स्ट स्टाइल =स्टाइलशीट.क्रिएट ({कंटेनर:{पैडिंगटॉप:50, पैडिंगलेफ्ट:50,}, स्ट्रेच:{चौड़ाई:200, ऊंचाई:200, रीसाइजमोड:'स्ट्रेच',}});आउटपुट