Google को create-react-app

Question

का उपयोग करके प्रतिक्रिया ऐप में परिभाषित नहीं किया गया है I create-react-app नामक क्ली का उपयोग करके एक प्रतिक्रिया ऐप बनाते हैं। ऐसा लगता है कि फेसबुक ने वेबपैक इत्यादि जैसी कई चीजें की हैं। हालांकि, मुझे लगता है कि इसमें कुछ सीमाएं भी हो सकती हैं। मैं Google मानचित्र api लोड करने के लिए this tutorial का पालन करने का प्रयास करता हूं। और जब मैं अपना कोड डीबग करता हूं, तो मैं देख सकता हूं कि Google मानचित्र का सफलतापूर्वक संदर्भित किया गया है। ।

लेकिन फिर मैं खेल पर क्लिक करता हूं और एप्लिकेशन को चालू करने देता हूं। मुझे googlepackHotDevClient.js से त्रुटि परिभाषित नहीं किया गया है और मेरा एप्लिकेशन क्रैश हो गया है।

webpack के बाद से मक्खी पर फ़ाइलें संकलन, मुझे लगता है यह https के माध्यम से गूगल मानचित्र लोड करने के लिए मुसीबत है?

कोई विचार?

Answer 1

जैसा कि user guide में उल्लिखित है, आपको window से किसी भी वैश्विक चर को स्पष्ट रूप से पढ़ने की आवश्यकता है। फ़ाइल के शीर्ष पर इस रखो और यह काम करेगा:

const google = window.google; 

कारण है कि हम लागू इस वजह से लोग आमतौर पर स्थानीय चर, आयातित मॉड्यूल, और वैश्विक चर के बीच अंतर नहीं समझ पाते, और इसलिए हम हमेशा बनाना चाहते जब आप वैश्विक चर का उपयोग करते हैं तो यह कोड में स्पष्ट होता है।

वैसे, यह वेबपैक या HTTPS से संबंधित नहीं है। आप इसे देखते हैं क्योंकि हम एक लिटिंग नियम का उपयोग करते हैं जो अज्ञात वैश्विक चर को रोकता है।

Answer 2

मुझे लगता है कि जब आप HTML में स्क्रिप्ट से Google मानचित्र आयात करते हैं तो Google चर पहले से ही उपलब्ध है। Eslint की वजह से यह त्रुटि है, तो आप कोशिश करते हैं और ESlint

/*global google*/