Uncaught TypeError Solved
|Solution for Uncaught TypeError Cannot read properties of null, Unexpected token, Javascript Error on Console
Javascript मे कार्य करते समय आपको इस प्रकार से बहुत सी Uncaught TypeError का सामना करना होगा, मे खुद एक Software Developer हु और मैंने Desktop और Web मे बहुत काम किया हैं आज भी मुझे कुछ Error ऐसी आ जाती हैं जिसका की Internet पर कोई Solution नहीं होता हैं , जिस Uncaught TypeError मैं Face कर रहा हु और जिनका Internet पर कोई Solution नहीं हैं उनको मे इस Article मे ऐड करता रहूँगा आइए Error के बारे मे समझते हैं ।
1. Uncaught TypeError: Cannot read properties of null (reading ‘appendChild’)
ऊपरोक्त Error का मतलब यह हुवा की आप जब किसी Element पर Dynamically कोई Element add कर रहे हैं तब आपको इस तरह से Error या रही हैं, आपने जब चेक किया तो पाया की जो MyVar हैं इसमे null value आ रही हैं जबकि MyDiv भी HTML मे बना हुवा हैं ।
जब कभी भी आपको लगे की आपने सभी सही लिखा हैं और आप एक से अधिक बार चेक भी कर चुके हैं ओर Solution नहीं मिल रहा हो तब आपको याद देखना चाहिए की कोई और ऐसी जावास्क्रिप्ट तो नहीं लिखी हैं जिसमे की कोई Syntax Error हो। आपको सबसे पहले स्क्रीन पर जितनी भी Javascript हैं उनको check करना चाहिए
नीचे मे आपको एक Example दे रहा हु इसमे भी मुझे MyVar मे वैल्यू Null आ रही थी और console पर Error आ रही थी की Uncaught TypeError: Cannot read properties of null (reading ‘appendChild’),
var MyVar = document.getElementById('MyDiv');
var MyElement = document.createElement('div');
MyElement.setAttribute('id','ID1234');
MyVar.appendChild(MyElement);
Solved Uncaught TypeError : Cannot Read properties of null
इसके बाद माना पेज की सभी स्क्रिप्ट को देखा तो पाया की Javascript syntax Mistake होने के कारण आगे की Script Execute नहीं हो रही थी । Script भी ऐसी थी जिसका इस Code से कोई लेना देना नहीं था लेकिन यदि javascript मे कोई भी Syntax की Error होगी तो वह आपके Execution मे problem कर सकती हैं ।
2. Uncaught SyntaxError: Unexpected token ‘<‘
इस तरह की जब भी error आए तब आपको अपनी javascript ओर html को चेक करना हैं की उसमे कोई tag लगने से रह हो नहीं गया यानि की यदि आपने कोई PHP mix Coding लिखी हो और MySQL की कोई Error के कारण कोई Tag आदि ठीक से बंद नहीं हो पाए हो तब आप आपने पेज के सभी tag और यदि कोई Javascript लिखी हो तो उसे चेक करे ऐसा करने पर आपको Problem का Solution आसानी से मिल जाएगा ।
हमारे अन्य आर्टिकल
- MySQL Function
- MySQL Stored Procedure
- PHP Get /Post Method के बारे में जाने
- PHP Math Function के बारे में जाने
- C से C ++ सीखे सरल शब्दों में
- PHP Variable के बारे में जाने
- Arduino Control Structure
- Union in C
- Declaration of Pointer in C
- jQuery Search Filter
- MySQL Create Table | Alter Table | Drop Table
- API Using NODE REACT EXPRESS MYSQL SEQUELIZE (For Backend OR Server Side)
- CPANEL In Hindi
जब भी javascript मे कार्य करे हमेशा छोटे छोटे Code लिख कर उन्हे Test करते रहे, क्युकी जब बहुत ही बड़ा Code लिख देते हैं उसके बाद हमे Error को Rectify करने मे बहुत ही समस्या आती हैं । आपको यह Article कैसा लगा हमे जरूर बताए , अपना कीमती समय देने के लिए धन्यवाद ।
FAQ
getElementById() returns null even though the element exists
1. सबसे पहले आपने जो id दी हैं उस id से element बना हैं या नहीं एक बार चेक करे कभी कभी यदि आपने dynamic dom creation किया होता हैं तब script pahle execute ho जाती हैं और dom बाद मे बनता हैं तब इस तरह से Error आ सकती हैं ।
2. आपके page पर जितनी भी Script लिखी हैं सभी को चेक करे यदि कभी कोई Syntax Error होती हैं तब उसके बाद की कोई भी Script Execute नहीं होती तब ही इस तरह की समस्या आती हैं
3. कोई भी HTML Tag यदि Close नहीं होता हैं तब भी इस तरह से Error आ सकती हैं ।