2017-05-01 18 views
6

पर प्रतिक्रिया करने के लिए मैं नया हूं। शुरू में मैंने create-react-app का उपयोग शुरू किया। डिफ़ॉल्ट रूप से फ़ाइल नाम index.js थे। फिर मैंने फ़ाइल का नाम बदलकर index.jsx कर दिया।प्रतिक्रिया फ़ाइल नामकरण सम्मेलन जेएसएक्स

जब मैं npm start का उपयोग कर एप्लिकेशन शुरू करने का प्रयास करता हूं तो मुझे निम्न त्रुटि मिल रही है।

> react-scripts start 

Could not find a required file. 
    Name: index.js 
    Searched in: D:\WorkSpace\React\chat\src 

npm ERR! Windows_NT 6.1.7601 
npm ERR! argv "D:\\Applns\\nodejs\\node.exe" "D:\\Applns\\nodejs\\node_modules\\ 
npm\\bin\\npm-cli.js" "start" 
npm ERR! node v6.10.0 
npm ERR! npm v3.10.10 
npm ERR! code ELIFECYCLE 
npm ERR! [email protected] start: `react-scripts start` 
npm ERR! Exit status 1 
npm ERR! 
npm ERR! Failed at the [email protected] start script 'react-scripts start'. 
npm ERR! Make sure you have the latest version of node.js and npm installed. 
npm ERR! If you do, this is most likely a problem with the chat package, 
npm ERR! not with npm itself. 
npm ERR! Tell the author that this fails on your system: 

इसे कैसे हल करें। मैं जेएसएक्स फ़ाइल लेने के लिए नोड कैसे बना सकता हूं।

उत्तर

0

उस एक्सटेंशन के साथ एक फ़ाइल किसी अन्य फ़ाइल द्वारा आयात की जा रही है। एक्सटेंशन बदल गया है ताकि लुकअप विफल हो जाए। साथ ही, प्रतिक्रिया के लिए फ़ाइलों को .jsx पर काम करने की आवश्यकता नहीं है। तो बस फ़ाइल एक्सटेंशन को वापस स्विच करके बस काम करना चाहिए। मैंने कभी भी create-react-app का उपयोग नहीं किया है, लेकिन यदि आप इसे .jsx के साथ काम नहीं करना चाहते हैं तो आपको इसकी डिफ़ॉल्ट कॉन्फ़िगरेशन के शीर्ष पर कुछ अतिरिक्त कॉन्फ़िगरेशन करना होगा। मैं इसके लिए दस्तावेज़ देखेंगे।

+0

ReactJS घटकों सही .jsx फाइलों में होने की जरूरत है? एक मानक के रूप में? –

+0

यह एक आवश्यकता नहीं है, लेकिन कुछ लोग इसे पसंद करते हैं। अन्य तर्क देते हैं कि 'जेएसएक्स' परिवर्तन फ़ाइल में होने वाले परिवर्तनों में से एक है जो वैध जावास्क्रिप्ट को ब्राउज़र में चला सकता है, और इसलिए फ़ाइल को अलग-अलग नाम देने का अर्थ नहीं है। मेरे पास व्यक्तिगत रूप से कोई मजबूत भावना नहीं होती है, लेकिन आमतौर पर केवल '.js' फ़ाइलों के साथ जाती है, इसलिए अगर कुछ' jsx' वाक्यविन्यास को जोड़ने की आवश्यकता है तो मुझे इसे बाद में बदलने की आवश्यकता नहीं है। –

0

नाम बदलने index.js बजाय index.jsx यह properply काम के रूप में मैं @KeithA के रूप में बनाने-eact-ऐप

+0

ReactJS घटकों को .jsx फ़ाइलों में सही होना चाहिए? एक मानक के रूप में? –

+0

यदि आप create-react-app का उपयोग कर रहे हैं तो कोई आवश्यकता नहीं है –

0

का उपयोग कर हूँ जाएगा उल्लेख किया है - आप अतिरिक्त विन्यास की जरूरत है। आप resolve वस्तु में webpack.config.js में:

resolve: { 
///...some other configurations will go here ... 

    extensions: [ "", ".js", ".jsx" ] 
}, 
संबंधित मुद्दे