प्रतिक्रिया ट्यूटोरियल - मैं प्रतिक्रियाजे अनुप्रयोग के लिए नोड सर्वर कैसे शुरू करूं?

Question

मैं सिर्फ react.js ट्यूटोरियल शुरू कर रहा हूँ, मैं फ़ाइलों को डाउनलोड किया है और फिर इसे का उल्लेख है: "। आपके ब्राउज़र में http://localhost:3000 खोलने (सर्वर शुरू करने के बाद) द्वारा अपनी प्रगति का पालन करें"

मुझे पता है कि यह बेवकूफ लग सकता है, (मेरे साथ सहन करें क्योंकि मैं प्रतिक्रिया के साथ शुरुआत कर रहा हूं) लेकिन मैं इस उदाहरण में सर्वर कैसे शुरू करूं?

धन्यवाद।

मार्क

Answer 1

सुंदर ठोस मौका यह परियोजना जड़ से npm start है।

उचित रूप से पैक किए गए मॉड्यूल में node scriptspackage.json में कॉन्फ़िगर किया जाएगा। देव वातावरण को चलाने के लिए स्क्रिप्ट के रूप में start का उपयोग करना प्रथागत है, हालांकि कुछ build, dev, या अन्य नामों का उपयोग कर सकते हैं। जैसे आप official React tutorial, जिस स्थिति में निर्देश विभिन्न शामिल सर्वर कार्यान्वयन here हैं शुरू करने के लिए का पालन कर रहे

Answer 2

लग रहा है।

Answer 3

मैंने सर्वर चलाने के लिए नोड का उपयोग किया। चरणों मैं पीछा कर रहे हैं:

1. मैं एक सर्वर खंड here

2. रनिंग से ज़िप पैकेज डाउनलोड किया मैं लिंक खुला था: http://localhost:3000/

3. मैं Node.js कमान खोल दिया डाउनलोड ज़िप परियोजना को संकेतित और नेविगेट किया गया। नोड उदाहरण here से: नोड server.js पहले NPM स्थापित करें और उसके बाद:

   बस उदाहरण में आदेश टाइप करें।

जब मैं स्थानीय होस्ट वेब पेज मैं निम्न देखें ताज़ा:

Answer 4

आप में से किसी एक को चला सकते हैं

नीचे स्क्रीन शॉट देखें आपके प्रतिक्रिया के लिए नोड सर्वर शुरू करने के लिए नीचे दिए गए आदेशों का पालन करें अनुप्रयोग:

1. NPM रन स्क्रिप्ट start
2. NPM रन start
3. NPM start

उपरोक्त सभी तीन आदेशों के बराबर हैं, लेकिन निश्चित रूप से लोगों को आमतौर पर पिछले एक का उपयोग के रूप में यह है कम से कम :)

यहां startstart कुंजी scripts कॉन्फ़िगरेशन में मौजूद है package.json fi में मौजूद कॉन्फ़िगरेशन आपके प्रतिक्रिया के आवेदन जे। package.json मेरी प्रतिक्रिया जेएस आवेदन की फ़ाइल की तरह यह परिणाम react-scripts start एनपीएम की कमांडिंग में परिणाम देता है। मेरे हैलो-वर्ल्ड एप्लिकेशन की मेरी package.json फ़ाइल यहां दी गई है।

{ 
    "name": "hello-world", 
    "version": "0.1.0", 
    "private": true, 
    "dependencies": { 
    "react": "^15.4.2", 
    "react-dom": "^15.4.2" 
    }, 
    "devDependencies": { 
    "react-scripts": "0.9.5" 
    }, 
    "scripts": { 
    "start": "react-scripts start", 
    "build": "react-scripts build", 
    "test": "react-scripts test --env=jsdom", 
    "eject": "react-scripts eject" 
    } 
}