Ng-lazyload-image: लेखन त्रुटि: मध्य बनाम शीर्ष से पृष्ठ लोड करते समय अपरिभाषित की संपत्ति 'toLowerCase' नहीं पढ़ सकता

नमस्ते,

मैं इसे पुन: पेश करने में सक्षम नहीं हूं: /
जब आप कहते हैं "अपना परीक्षण पृष्ठ सामान्य रूप से लोड करें"। क्या आपका मतलब इस पृष्ठ से है: https://tjoskar.github.io/ng-lazyload-image या आप स्थानीय रूप से npm start साथ पृष्ठ चलाते हैं?

आप कौन सा ब्राउज़र उपयोग कर रहे हैं?

github.io पर किसी कारण से मैं पेज को एक बार लोड करने के बाद रीफ्रेश नहीं कर सकता। यह कहता है 404 हर बार नहीं मिला :(

लेकिन सामान्य तौर पर, मेरा मतलब स्थानीय रूप से किसी भी परियोजना से है - मैं यूनिवर्सल और नोड के साथ एंगुलर 4 का उपयोग कर रहा हूं (इसलिए सार्वभौमिक का इससे कुछ लेना-देना हो सकता है)। विंडोज 10 के लिए क्रोम 59 का उपयोग करना। मुझे लगता है कि यह नई ऑनलोड कार्यक्षमता के साथ एक बग हो सकता है लेकिन सकारात्मक नहीं है। त्रुटि केवल नोड कंसोल में आती है, ऐसा लगता है कि क्रोम कंसोल में कोई त्रुटि नहीं आती है।

हाय @elitenick ,
क्या आप त्रुटि का पूरा स्टैक ट्रेस दे सकते हैं?

@tjoskar
मुझे लगता है कि त्रुटि https://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.ts#L75 से संबंधित है, इससे पहले यहां त्रुटि पकड़ी जाएगी, लेकिन ऐसा नहीं है।
कोणीय यूनिवर्सल में यहां https://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.ts#L47 उत्पादन त्रुटि, क्योंकि सर्वर में element अपरिभाषित है।
मुझे लगता है, समस्या का काफी अच्छा समाधान सर्वर साइड में आलसी आईएमजी को अक्षम करना है।

github.io पर किसी कारण से मैं पेज को एक बार लोड करने के बाद रीफ्रेश नहीं कर सकता। यह कहता है 404 हर बार नहीं मिला :(

हाँ, ऐसा इसलिए है क्योंकि जीथब सभी अनुरोधों को index.html पर पुनर्निर्देशित करने का समर्थन नहीं करता है (लेकिन यह एक पूरी तरह से अलग समस्या है)

इसका शायद एंगुलर यूनिवर्सल से कुछ लेना-देना है, लेकिन कुछ चीजें हैं जो मुझे समझ में नहीं आती हैं:

1. जब आप पृष्ठ को रीफ्रेश करते हैं तो आपको केवल त्रुटि क्यों मिलती है? नोड को स्क्रॉल स्थिति के बारे में कोई जानकारी नहीं मिलनी चाहिए या यदि यह आपकी पहली या दूसरी यात्रा है (बैकएंड में उस तरह की कोई स्थिति नहीं होनी चाहिए)।
2. मान लीजिए कि यह वह पंक्ति है जो समस्या का कारण बनती है। यदि हां, तो element अपरिभाषित नहीं किया जा सकता क्योंकि हम तक पहुँच रहे हैं nodeName से element किसी भी त्रुटि के बिना और इसके अलावा, हम प्रयोग कर रहे हैं element में isVisible () और हम उस फ़ंक्शन में window का भी उपयोग कर रहे हैं, जिसे सर्वर संदर्भ में अपरिभाषित किया जाना चाहिए।

मुझे लगता है कि यह नई ऑनलोड कार्यक्षमता के साथ एक बग हो सकता है लेकिन सकारात्मक नहीं है

क्या आप (onLoad) का उपयोग कर रहे हैं? क्या आप इसे हटाने का प्रयास कर सकते हैं और देख सकते हैं कि क्या आप त्रुटि को पुन: उत्पन्न कर सकते हैं?

@रिमलिन

मुझे लगता है, समस्या का काफी अच्छा समाधान सर्वर साइड में आलसी आईएमजी को अक्षम करना है।

हाँ, मुझे सर्वर पर छवियों को आलसी लोड करने का कोई मतलब नहीं है (क्योंकि हम स्क्रीन आकार के बारे में कुछ भी नहीं जानते हैं)।
हो सकता है कि हम केवल if (isPlatformServer(this.platformId)) return; ( ref ) को ngAfterContentInit जोड़ सकें।

https://github.com/tjoskar/ng-lazyload-image/pull/179

@elitenick , मैंने अभी @rimlin पुल अनुरोध के साथ [email protected] प्रकाशित किया है। क्या आप इसे स्थापित कर सकते हैं ( npm install [email protected] ) और देखें कि क्या यह समस्या हल करता है?

पक्का! आज इसकी जांच करेंगे और आपको बताएंगे! धन्यवाद दोस्तों।

यह तय हो चुका है! अनेक अनेक धन्यवाद!! मेरे एक ही परिदृश्य को कई बार फिर से बनाया और कोई और नोड त्रुटियाँ नहीं। और एक बार एंगुलर किक करने के बाद आलसी लोडिंग काम करना जारी रखती है।

[email protected] ।