React: [फाइबर] अनुरोध के लिए जाँच करें जब सर्वर पर प्रतिक्रिया-डोम की आवश्यकता होती है

को निर्मित 3 मार्च 2017 · 5टिप्पणियाँ · स्रोत: facebook/react

क्या आप किसी सुविधा का अनुरोध करना चाहते बग की रिपोर्ट करना चाहते हैं?
बग-ish

वर्तमान व्यवहार क्या है?
जब रिएक्ट के साथ सर्वर-साइड रेंडरिंग की आवश्यकता होती है, तो react-dom आवश्यकता होती है (जिसके लिए transitively ReactDOMFrameScheduling.js आवश्यकता होती है) क्योंकि rAF परिभाषित नहीं है।

Invariant Violation: React depends on requestAnimationFrame. Make sure that you load a polyfill in older browsers.
    at invariant (app/node_modules/fbjs/lib/invariant.js:44:15)
    at Object.<anonymous> (app/node_modules/react-dom/lib/ReactDOMFrameScheduling.js:30:3)

यदि आप एक सार्वभौमिक घटक की तरह क्लाइंट साइड पुस्तकालयों के शीर्ष स्तर के आयात, है है हो सकता है react-router-scroll कि आवश्यकता होती है, react-dom के बजाय react-dom/server ।

अपेक्षित व्यवहार क्या है?
जब तक requestAnimationFrame को वास्तव में नहीं कहा जाता, मैं इस त्रुटि को प्राप्त नहीं करने की उम्मीद करूंगा। Ex: raz के लिए lazily जाँच करें और rIC को परिभाषित करें।

रिएक्ट के कौन से संस्करण और कौन से ब्राउज़र / OS इस समस्या से प्रभावित हैं?
नोड 16.1.1 पर 16.0.0-अल्फा.3 प्रतिक्रिया। यह अल्फा 3 में होने लगा, जिसने फाइबर भेज दिया और सक्षम कर दिया।

Bug

स्रोत

ide

👍13

सबसे उपयोगी टिप्पणी

एक वर्कअराउंड जो मेरे अपेक्षित व्यवहार को प्राप्त करता है, रिएक्ट के प्रत्येक उपभोक्ता के लिए एक फाइल में थोड़ी सी पॉलीफिल को परिभाषित करने के लिए है जो दूसरों से पहले आयात की जाती है, लेकिन मुझे उम्मीद है कि कई लोग इस मुद्दे में भाग लेंगे। यह है जो ऐसा लग रहा है:

global.window = global;
window.addEventListener = () => {};
window.requestAnimationFrame = () => {
  throw new Error('requestAnimationFrame is not supported in Node');
};

ide 3 मार्च 2017

👍8

सभी 5 टिप्पणियाँ

global.window = global;
window.addEventListener = () => {};
window.requestAnimationFrame = () => {
  throw new Error('requestAnimationFrame is not supported in Node');
};

ide 3 मार्च 2017

👍8

हम इसे rAF पॉलीफ़िल को इनिशियलाइज़ करके ठीक कर सकते हैं, लेकिन अब जब मैं इसके बारे में सोचता हूं, तो यह दुर्भाग्यपूर्ण लगता है कि केवल findDOMNode (जो संभवत: क्या घटक करते हैं) पूरे क्लाइंट एक्सीलर इनिट कोड को चलाता है। ।

gaearon 3 मार्च 2017

@gaearon यूनिट टेस्ट में इसे नहीं पकड़ा जाना चाहिए था

इसके अलावा, अधिक महत्वपूर्ण बात, react-dom आवश्यकता नहीं है और सर्वर पर findDOMNode एक एंटी-पैटर्न की आवश्यकता है, और उन घटकों को उन हुक से बचना चाहिए जो सर्वर पर चलते हैं?

ManasJayanth 9 अप्रैल 2017

इसके अलावा, अधिक महत्वपूर्ण बात यह है कि सर्वर पर एंटी-पैटर्न पर रिएक्ट-डोम और रनिंग फाइंडडोमनॉड की आवश्यकता नहीं है, और उन घटकों को सर्वर पर चलने वाले हुक से बचना चाहिए?

आपको इसे सर्वर पर नहीं चलाना चाहिए, लेकिन इसे आयात करना ठीक है। अन्यथा आप एक घटक कैसे लिखेंगे जो क्लाइंट पर findDOMNode का उपयोग करता है लेकिन फिर भी सर्वर पर काम करता है?

क्या इसे यूनिट टेस्ट में नहीं पकड़ा जाना चाहिए था

नहीं, परीक्षण इसे नहीं पकड़ता है क्योंकि हम अपने परीक्षण वातावरण के हिस्से के रूप में एक वैश्विक आरएएफ पॉलीफिल स्थापित करते हैं।

gaearon 9 अप्रैल 2017

संपादित करें: पीआर सिर्फ चित्रण के लिए है। बस यूनिट परीक्षण चला। कोई भी लाइनिंग और प्रीटियर अभी तक नहीं चला।

कोड में विचार डालने के लिए एक पीआर खोला।

मैंने ReactFiberScheduler के अंदर rAF लिए चेक स्थानांतरित किया

लेकिन अब, अगर rAF पॉलिफिल्ड नहीं है, तो मैं फेंकने की क्षमता खो देता हूं। क्या आपके द्वारा उल्लेखित आलसी जाँच के लिए यह सही जगह है?

ManasJayanth 10 अप्रैल 2017

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

React: [फाइबर] अनुरोध के लिए जाँच करें जब सर्वर पर प्रतिक्रिया-डोम की आवश्यकता होती है

सबसे उपयोगी टिप्पणी

सभी 5 टिप्पणियाँ

संबंधित मुद्दों