2015-04-26 13 views
5

में त्रुटि मैं SengGrid का उपयोग करके एक मूल संपर्क फ़ॉर्म सेट अप करने का प्रयास कर रहा हूं और मुझे "अनकॉट रेफरेंस एरर: आवश्यकता परिभाषित नहीं है" त्रुटि प्राप्त हो रही है।हल करें "Uncaught ReferenceError: आवश्यकताएँ परिभाषित नहीं है" Node.js

मेरे पास यह कोड HTML पृष्ठ के शीर्ष में एक स्क्रिप्ट टैग में है।

var sendgrid = require('sendgrid')(username,pass); 

मैंने ज़रूरतों को देखा है, लेकिन मुझे यकीन नहीं है कि मुझे यह त्रुटि क्यों मिल रही है। क्या कोई मुझे बता सकता है कि मैं इस मुद्दे को कैसे हल कर सकता हूं?

+1

क्या आप वास्तव में node.js का उपयोग कर रहे हैं? यह कोड आपके जावास्क्रिप्ट सर्वर के कोड में जोड़ा जाना चाहिए, HTML पृष्ठ में नहीं। –

+1

Node.js ब्राउज़र में नहीं है। यदि आप ब्राउज़र में requjs का उपयोग करना चाहते हैं तो आपको इसे लोड करने के लिए एक स्क्रिप्ट टैग का उपयोग करना होगा। –

उत्तर

9

require() ब्राउज़र में नहीं बनाया गया है।

तो जब आप कहते हैं कि "मेरे पास यह कोड HTML पृष्ठ के शीर्ष में एक स्क्रिप्ट टैग में है।" यह बताएगा कि स्क्रिप्ट चलने पर प्रतीक require क्यों परिभाषित नहीं किया गया है। यदि आप ब्राउज़र में require() का उपयोग करना चाहते हैं, तो आपको पहले लाइब्रेरी लोड करने के लिए एक स्क्रिप्ट टैग का उपयोग करना होगा जो आवश्यक फ़ंक्शन को परिभाषित करता है और require() प्रकार की कार्यक्षमता का समर्थन करता है और यह सुनिश्चित करता है कि require() का उपयोग करने से पहले सफलतापूर्वक लोड हो जाए। requirejs ऐसी एक पुस्तकालय है जिसका आप उपयोग कर सकते हैं।

require() सर्वर पर node.js में बनाया गया है, इसलिए यह हमेशा उपलब्ध होता है।

+2

कोणीय में आवश्यक() की आवश्यकता के लिए मुझे क्या करने की आवश्यकता है? – cfl

+1

@cfl - कृपया मेरे उत्तर के मध्य अनुच्छेद को दोबारा पढ़ें। यदि आप ब्राउज़र में कार्यक्षमता की आवश्यकता होती है तो मैं आपको बताता हूं कि आप क्या उपयोग कर सकते हैं। इसके बारे में यहां एक लेख दिया गया है: http://www.sitepoint.com/using-requirejs-angularjs-applications/ – jfriend00

4

मूल रूप से आपको ब्राउज़र के लिए अपना स्रोत कोड बदलने की आवश्यकता है, वास्तविक मॉड्यूल कोड के साथ कॉल की आवश्यकता है। अन्य उपयोगी सुविधाओं के बहुत सारे के साथ एक और अधिक जटिल वेब पैकेजिंग ढांचे, -

  • http://browserify.org/ - यह वास्तव में परिवर्तन करता है आप की जरूरत
  • https://webpack.github.io/: इन उपयोगिताओं पर एक नजर डालें।
संबंधित मुद्दे