प्रतिक्रिया एप्लिकेशन "विकास सर्वर शुरू" पर अटक गया

Question

मेरे पास create-react-app द्वारा बनाया गया एक रिएक्शन ऐप है। Npm स्टार्ट चलाने के बाद (स्टार्ट स्क्रिप्ट पैकेज.जॉन में "स्टार्ट": "रिएक्शन-स्क्रिप्ट्स स्टार्ट" के रूप में मौजूद है) कंसोल कहता है कि डेवलपमेंट सर्वर को हमेशा की तरह स्टार्ट करें और ब्राउज़र को फायर करें। लेकिन इसके बाद कंसोल और ब्राउजर दोनों ही अनिश्चित काल तक कुछ भी नहीं करते हैं। कोई त्रुटि या आउटपुट नहीं। यह बस कुछ नहीं करता है।

Comments

अजीब। क्या यह हर बार है जब आप एक नया प्रोजेक्ट बनाते हैं जिसमें क्रिएट-रिएक्शन-ऐप होता है?

— निखिल गोयल

क्या आप टर्मिनल के स्क्रीन शॉट को साझा कर सकते हैं, यह देख सकते हैं कि पोर्ट 3000 में कोई ऐपटायटन चल रहा है या नहीं, यह मुद्दा (अनुमान) हो सकता है, टर्मिनल में आवेदन खोलने के लिए हां या ना दबाने के लिए कहा जाएगा !! दूसरे पोर्ट में।

— दिलीप थॉमस

कृपया त्रुटि स्क्रीनशॉट

— रौनक खनगांवकर

हां हर बार जब मैं ऐप शुरू करता हूं तो यह एक नए पोर्ट पर शुरू होता है। ऐसा इसलिए होता है क्योंकि एक नोड ऐप उस पोर्ट पर चल रहा है जो मैं इसे चलाता था। मैं CTRL + C का उपयोग करके ऐप को बंद कर देता हूं जो इसे टर्मिनल में बंद कर देता है लेकिन कार्य प्रबंधक अभी भी चल रही प्रक्रियाओं को दिखाता है। मैंने टास्क मैनेजर और टर्मिनल से टास्ककिल का उपयोग करके इन प्रक्रियाओं को मारने की कोशिश की लेकिन दोनों विफल रहे। उत्तरार्द्ध यह कहते हुए त्रुटि देता है कि "इस प्रक्रिया का कोई चल उदाहरण नहीं है।" एप्लिकेशन को फिर से शुरू करने से मुझे एक अलग बंदरगाह (3000, 3001, 3002, आदि) का उपयोग करने का संकेत मिलता है, जो मैंने हां के साथ जवाब दिया था, लेकिन फिर से मैं "विकास सर्वर शुरू कर रहा हूं" पर रोक लगाने के लिए आता हूं

— केनेथ-रीबेलो

मैं स्क्रीनशॉट साझा करता हूं, लेकिन शाब्दिक रूप से दिखाने के लिए कुछ भी नहीं है। टर्मिनल "विकास सर्वर शुरू करने" से वापस स्क्रॉल नहीं करेगा और ब्राउज़र केवल अनिश्चित काल तक लोड होता रहता है।

— केनेथ-रिबेलो

Answer 1

इस टो अंक की जाँच करें

1. सर्वर शुरू करने से पहले npm इंस्टॉल कमांड चलाएँ।

फिर यह भी नहीं चल रहा है, कृपया दूसरी कमांड का प्रयास करें

2. नोड मॉड्यूल निकालें और एक बार फिर से एनपीएम इंस्टॉल करें।

यदि ये दो बिंदु काम नहीं करते हैं, तो कृपया आगे के विश्लेषण के लिए स्क्रीनशॉट प्रदान करें।

Comments

मैंने दोनों तरीकों की कोशिश की और दोनों ने मुझे विफल कर दिया, जिसने मुझे यहां तक ​​पहुंचाया :( एक और ध्यान देने वाली बात यह है कि पैकेज में कुछ निर्भरताएं थीं जो कमजोरियां थीं। क्या यह एक कारण हो सकता है? "Npm इंस्टॉल" भी कभी-कभी लटका होता है, लेकिन कई बार कोशिश करने के बाद। अंततः काम करता है। सामान्य हैंग पॉइंट "सेल इंस्यूट्यूट एक्टेशन" और "इंस्टालेशन: वर्ब लॉक <मार्ग से npm कैश>" का उपयोग करते हुए हैं

— kenneth-rebello

जब आप NPM प्रारंभ टिप्पणी चलाते हैं, तो kenneth-rebello स्क्रीनशॉट प्रदान करते हैं। यदि आप create-react-app का उपयोग करके एक ऐप बनाते हैं, तो इस कमांड द्वारा स्थापित पैकेजों में कोई भेद्यता नहीं होगी। क्या आपने कोई पैकेज स्थापित करने की कोशिश की ??

— जरीन स्टीफन

एक ही मुद्दा रहा है और एक ताजा क्लोन और अभी भी कोई किस्मत पर इस की कोशिश की।

— साइमन लांग

मैंने यह भी देखा कि npm बिल्ड हैंग भी है। यह सुझाव देगा कि संकलन मुद्दा है। हालाँकि मुझे कंसोल या एनपीएम लॉग में कुछ भी नहीं दिखता है। पता नहीं कहाँ से जाने के लिए यहाँ बिना कुछ जाने।

— साइमन लोंग

Answer 2

अंत में इसका हल निकाला। मेरे लिए यह समस्या मेरे वेबपैक विन्यास में निहित है। मेरे पास एक वेबपैक उर्फ ​​था जिसका उपनाम नाम मेरे npm पैकेज के नाम के समान था।

यानी मेरा package.jsonशीर्ष पर निम्नलिखित था।

"name": "@mycompany/react-common-components"

मेरे भीतर webpack.config.jsमैं था

alias: {
        '@mycompany/react-common-components': path.resolve(__dirname, '../src/components')
      },

एक बार जब मैंने वेबपैक्स उर्फ ​​को निम्न में बदल दिया तो सब कुछ ठीक हो गया

alias: {
        'react-common-components': path.resolve(__dirname, '../src/components')
      },

Answer 3

मेरे साथ भी कुछ ऐसा ही हो रहा है।

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

मेरे पास विंडोज 10 के साथ एक 8 जीबी रैम है और एक बार मैंने डिफ़ॉल्ट "एनपीएम स्टार्ट" का उपयोग किया था, मैंने पहली बार देखा है कि नोड प्रक्रिया बहुत अधिक मेमोरी का उपयोग करती है - इसलिए मैंने इसे और अधिक देने की कोशिश की और उसी समय मैं थक गया। पोर्ट प्रतिक्रिया का उपयोग करता है बदलें।

1. पैकेज स्क्रिप्ट में आरंभ स्क्रिप्ट में इसे जोड़ा गया: json:

   "scripts": { "start": "PORT=3001 react-scripts --max_old_space_size=8128 start", ... }

2. मेरे सभी क्रोम ब्राउज़रों को बंद कर दिया (वे बहुत अधिक मेमोरी लेते हैं)

3. और इसे चलाने के लिए लगभग 1 मिनट का समय दिया

1 मिनट के बाद यह काम करना शुरू कर दिया और उस बिंदु से यह बस जल्दी से शुरू होता है और जितना मेमोरी का उपयोग नहीं करता है और मैं चुने गए पोर्ट पर निर्भर नहीं करता हूं

मेरे मामले में - मुझे लगता है कि पहली बार जब आप रिएक्ट टाइपस्क्रिप्ट प्रोजेक्ट पर "npm start" चलाते हैं, तो यह फाइलों को इंडेक्स करता है (या ऐसा ही कुछ करता है - मुझे यकीन नहीं है और शायद इसके बारे में पढ़ने की ज़रूरत है - मैं टाइपस्क्रिप्ट के लिए नया हूं ) जो बहुत अधिक स्मृति लेते हैं।

आपके मामले में - यह कुछ इसी तरह का हो सकता है

आशा है ये मदद करेगा :)

Answer 4

सुनिश्चित करें कि आपकी निर्भरता में package.jsonनिम्नलिखित शामिल हैं:

"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-scripts": "3.3.0"

और स्क्रिप्ट के लिए:

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
}

एक बार सुनिश्चित करने के बाद, आप निम्नलिखित चरणों का पालन कर सकते हैं:

1. npm install
2. npm run build
3. npm start

आशा है कि आप के लिए काम करेंगे।

Answer 5

मेरा मानना ​​है कि आपके पास Node और npm के साथ कुछ समस्याएँ हो सकती हैं। मैं पहले संस्करणों की जाँच करने की सलाह दूंगा - आपको अपनी मशीन पर नोड> = 8.10 और npm> = 5.6 की आवश्यकता होगी, और यदि आवश्यक हो तो अपडेट करें। यह नोड को फिर से स्थापित करने की कोशिश करने के लायक हो सकता है।

नोड लॉग में जाँच करने से आपके मुद्दे पर कुछ सुराग मिल सकते हैं ( यहाँ लॉग इन करने के बारे में अधिक जानकारी )

Answer 6

मेरा भी यही मुद्दा था। प्रतिक्रिया-स्क्रिप्ट के पिछले संस्करण को स्थापित करने का प्रयास करें।

npm install react-scripts@2.1.8

उम्मीद है की यह मदद करेगा!

Answer 7

एक ही मुद्दा था, मुझे पहले इसका निर्माण करना था

npm build फिर npm start

मैं अपने मैक पर प्रतिक्रिया चला रहा था और काम करने से पहले उसे क्रोम के साथ बातचीत करने के लिए टर्मिनल की अनुमति देनी पड़ी।

Answer 8

मेरे लिए मुद्दा यह था कि मेरे पास .cssफाइलें थीं ।

मैंने अपनी सीएसएस फ़ाइलों का नाम बदल दिया .scssऔर यह काम करता है।

किसी कारण से मेरे लिए CSS फाइलों पर प्रतिक्रिया-प्रतिक्रिया-ऐप चोक करें।

अजीब।