प्रोग्रामिंग
स्थानीय सर्वर, नेटवर्क URL, पोर्ट, बिल्ड, परिनियोजन, चेतावनियों और सामान्य वेब त्रुटियों का संदर्भ।
42 परिणाम
लोकल विकास
localhost
http://localhost:3001एक होस्टनाम जो उसी कंप्यूटर को इंगित करता है जिस पर ब्राउज़र या कमांड चल रहा है।
जब आप उसी मैक या PC पर साइट की जांच कर रहे हों जिस पर देव सर्वर चल रहा है, तो localhost का उपयोग करें।
एक फोन या टैबलेट का अपना लोकलहोस्ट होता है, इसलिए यह आपके मैक के लोकलहोस्ट पते का उपयोग नहीं कर सकता है।
http://localhost:3001स्थानीय साइट को localhost पर खोलें और नए संदर्भ पृष्ठ की जांच करें।
लोकल विकास
127.0.0.1
http://127.0.0.1:3001एक लूपबैक IP पता जो उसी स्थानीय कंप्यूटर की ओर भी इशारा करता है।
समान-डिवाइस परीक्षण के लिए यह अक्सर localhost के साथ विनिमेय होता है।
http://127.0.0.1:3001यदि localhost सही ढंग से हल नहीं होता है तो 127.0.0.1 का प्रयास करें।
लोकल विकास
Dev server
npm run devएक सर्वर जिसका उपयोग विकास के दौरान किया जाता है, जिसमें तेज़ पुनर्निर्माण और विकास-केवल सुविधाएँ होती हैं।
इसका उपयोग साइट बनाने या तैनात करने से पहले परिवर्तनों का पूर्वावलोकन करने के लिए करें।
विकास सर्वर का व्यवहार हमेशा तैनात उत्पादन व्यवहार के समान नहीं होता है।
npm run devविकास सर्वर शुरू करें ताकि मैं अपने iPhone पर पृष्ठ की जांच कर सकूं।
लोकल विकास
Port
http://localhost:3001एक संख्या जो पहचानती है कि मशीन पर किस सर्वर प्रक्रिया को कनेक्शन प्राप्त होना चाहिए।
यदि एक सर्वर पोर्ट 3001 का उपयोग करता है, तो दूसरे सर्वर को 3002 जैसे एक अलग पोर्ट का उपयोग करना चाहिए।
http://localhost:3001यदि पोर्ट 3001 पहले से ही उपयोग में है, तो विकास सर्वर को एक अलग पोर्ट पर शुरू करें।
लोकल विकास
Local URL
Local: http://localhost:3001उस डिवाइस का पता जिसका उपयोग विकास सर्वर चलाने वाले डिवाइस से किया जाता है।
विकास मशीन पर डेस्कटॉप ब्राउज़र जांच के लिए लोकल URL का उपयोग करें।
Local: http://localhost:3001मुझे विकास सर्वर शुरू करने के बाद स्थानीय URL बताएं।
नेटवर्क पहुँच
Network URL
Network: http://172.30.1.55:3001एक पता जिसका उपयोग अन्य डिवाइस नेटवर्क पर मौजूद डेवलपर सर्वर तक पहुंचने के लिए कर सकते हैं।
इसका उपयोग तब करें जब आप iPhone, iPad या समान Wi-Fi पर किसी अन्य कंप्यूटर से साइट की जांच कर रहे हों।
विकास सर्वर को एक नेटवर्क-पहुंच योग्य होस्ट जैसे 0.0.0.0 पर सुनना चाहिए।
Network: http://172.30.1.55:3001एक नेटवर्क URL के साथ विकास सर्वर शुरू करें ताकि मैं इसे अपने iPad पर परीक्षण कर सकूं।
नेटवर्क पहुँच
IP address
172.30.1.55एक संख्यात्मक पता जो नेटवर्क पर एक डिवाइस की पहचान करता है।
एक LAN IP आपके विकास सर्वर तक पहुंचने के लिए समान Wi-Fi पर किसी अन्य डिवाइस को सक्षम बनाता है।
स्थानीय नेटवर्क IP बदल सकते हैं जब Wi-Fi या राउटर की स्थिति बदलती है।
172.30.1.55डिवाइस परीक्षण के लिए अनुमतDevOrigins को जोड़ने के लिए वर्तमान LAN IP का उपयोग करें।
नेटवर्क पहुँच
Host
--hostname 0.0.0.0वह पता जिस पर एक सर्वर अनुरोधों के लिए सुनने के लिए बाध्य होता है।
0.0.0.0 पर बाइंड करने से विकास सर्वर नेटवर्क पर अन्य उपकरणों से सुलभ हो जाता है।
--hostname 0.0.0.0फोन परीक्षण के लिए होस्टनाम 0.0.0.0 के साथ विकास सर्वर चलाएं।
नेटवर्क पहुँच
Same network
मैक और आईफोन एक ही Wi-Fi परएक ही स्थानीय नेटवर्क से जुड़े डिवाइस, आमतौर पर एक ही Wi-Fi राउटर।
एक फोन आपके मैक के डेवलपर सर्वर तक केवल तभी पहुंच सकता है जब नेटवर्क सेटिंग्स इसकी अनुमति दें।
मैक और आईफोन एक ही Wi-Fi परसाइट को डीबग करने से पहले जाँच करें कि क्या iPhone और Mac एक ही नेटवर्क पर हैं।
Next.js व्यवहार
allowedDevOrigins
allowedDevOrigins: ['172.30.1.55']एक Next.js विकास सेटिंग जो विशिष्ट मूलों को विकास संसाधनों तक पहुंचने की अनुमति देती है।
यह तब आवश्यक हो सकता है जब LAN IP का उपयोग करके फोन या टैबलेट से Next सर्वर का परीक्षण किया जा रहा हो।
यह एक विकास सेटिंग है। तैनात स्थिर साइटें समान dev-resource एक्सेस पथ का उपयोग नहीं करती हैं।
allowedDevOrigins: ['172.30.1.55']विकास परीक्षण के लिए अपने वर्तमान LAN IP को allowedDevOrigins में जोड़ें।
नेटवर्क पहुँच
Cross-origin
Blocked cross-origin requestविभिन्न मूलों के बीच एक अनुरोध, जहां योजना, होस्ट, या पोर्ट भिन्न होता है।
विकास उपकरण डिफ़ॉल्ट रूप से संवेदनशील विकास संसाधनों तक क्रॉस-ओरिजिन एक्सेस को ब्लॉक कर सकते हैं।
Blocked cross-origin requestबताएं कि क्या यह क्रॉस-ओरिजिन चेतावनी उत्पादन परिनियोजन को प्रभावित करती है।
Next.js व्यवहार
HMR
/_next/webpack-hmrहॉट मॉड्यूल रिप्लेसमेंट विकास के दौरान ब्राउज़र को पूर्ण रीलोड के बिना अपडेट करता है।
यदि HMR विकास संसाधनों को अवरुद्ध किया गया है, तो पृष्ठ लोड हो सकता है, लेकिन विकास में इंटरैक्टिव अपडेट या स्क्रिप्ट अजीब व्यवहार कर सकती हैं।
HMR केवल विकास के लिए है और अंतिम स्थिर निर्यात का हिस्सा नहीं है।
/_next/webpack-hmrजाँच करें कि क्या iPhone समस्या अवरुद्ध HMR dev संसाधनों के कारण है।
Next.js व्यवहार
Turbopack
Next.js 16.2.5 Turbopackएक बंडलर जिसका उपयोग Next.js विकास और बिल्ड वर्कफ़्लो के लिए करता है।
आप इसे डेवलपर सर्वर या बिल्ड आउटपुट में देख सकते हैं।
Next.js 16.2.5 TurbopackTurbopack आउटपुट को संक्षेप में बताएं और मुझे बताएं कि क्या बिल्ड सफल रहा।
Next.js व्यवहार
App Router
src/app/[locale]/reference/page.tsxNext.js रूटिंग सिस्टम जो ऐप निर्देशिका पर आधारित है।
एक फ़ोल्डर के अंतर्गत page.tsx फ़ाइल जोड़ने से एक रूट बनता है।
src/app/[locale]/reference/page.tsxApp Router फ़ोल्डर संरचना का उपयोग करके नया संदर्भ पृष्ठ जोड़ें।
Next.js व्यवहार
generateStaticParams
generateStaticParams()एक Next.js फ़ंक्शन जो घोषणा करता है कि बिल्ड समय पर कौन से गतिशील रूट उत्पन्न होने चाहिए।
लोकेल पृष्ठ इसका उपयोग /en, /ko, /ja और अन्य भाषा पथ बनाने के लिए करते हैं।
generateStaticParams()सुनिश्चित करें कि नए संदर्भ पृष्ठ में सभी लोकेल के लिए generateStaticParams है।
बिल्ड और आउटपुट
Build
npm run buildवह प्रक्रिया जो साइट को संकलित और तैयार करती है उत्पादन या स्थिर आउटपुट के लिए।
TypeScript, रूट और स्थिर पीढ़ी की समस्याओं को पकड़ने के लिए परिनियोजन से पहले बिल्ड चलाएं।
npm run buildबिल्ड चलाएं और पुष्टि करें कि नया रूट जेनरेट किया गया है।
बिल्ड और आउटपुट
Lint
npm run lintएक स्थिर कोड जांच जो शैली, शुद्धता और फ्रेमवर्क-नियमों से संबंधित मुद्दों को पकड़ती है।
लिंट बिल्ड या कमिट से पहले एक त्वरित जांच है।
npm run lintसंदर्भ पृष्ठों को संपादित करने के बाद lint चलाएं।
बिल्ड और आउटपुट
Static export
output: "export"एक बिल्ड आउटपुट जहां पृष्ठों को स्थिर फ़ाइलों के रूप में उत्पन्न किया जाता है, न कि एक चल रहे सर्वर की आवश्यकता होती है।
स्थैतिक निर्यात उन साइटों को होस्ट करने के लिए उपयोगी है जो पहले से निर्मित HTML, CSS और JavaScript फ़ाइलों के रूप में होती हैं।
कुछ सर्वर-ओनली सुविधाएँ स्थिर निर्यात के साथ काम नहीं करती हैं।
output: "export"नए पृष्ठ को स्थैतिक निर्यात के साथ संगत रखें।
बिल्ड और आउटपुट
SSG
● SSG स्थिर HTML के रूप में पहले से रेंडर किया गया।स्टेटिक साइट जनरेशन, निर्माण के समय पृष्ठ बनाता है।
बिल्ड के दौरान प्रत्येक लोकेल के लिए generateStaticParams के साथ संदर्भ पृष्ठ उत्पन्न होते हैं।
● SSG स्थिर HTML के रूप में पहले से रेंडर किया गया।पुष्टि करें कि संदर्भ मार्ग बिल्ड आउटपुट में SSG के रूप में दिखाई दे रहा है।
बिल्ड और आउटपुट
Prerender
स्थिर सामग्री के रूप में प्रीरेंडर किया गयाउपयोगकर्ता द्वारा अनुरोध करने से पहले एक पृष्ठ प्रस्तुत करना, आमतौर पर बिल्ड के दौरान।
पहले से तैयार किए गए पृष्ठ तेजी से लोड होते हैं क्योंकि HTML पहले से मौजूद होता है।
स्थिर सामग्री के रूप में प्रीरेंडर किया गयाजाँच करें कि क्या सभी स्थानीय पृष्ठ सफलतापूर्वक प्रीरेंडर किए गए हैं।
बिल्ड और आउटपुट
Bundle
स्थिर JS बंडल।संकलित फ़ाइलें जो ब्राउज़र के लिए कोड और निर्भरता को जोड़ती हैं।
बड़े फ़ाइल संग्रह (bundles) लोडिंग की गति को प्रभावित कर सकते हैं, और इन्हें वेबसाइट के विकास के साथ निगरानी की जानी चाहिए।
स्थिर JS बंडल।केवल एक साधारण संदर्भ पृष्ठ के लिए भारी लाइब्रेरी जोड़ने से बचें।
डिप्लॉयमेंट
Deploy
स्थिर आउटपुट तैनात करें।निर्मित साइट को प्रकाशित करें ताकि उपयोगकर्ता वेब पर इसे एक्सेस कर सकें।
तैनाती स्थानीय जांच, लिंट और बिल्ड पास होने के बाद होती है।
स्थिर आउटपुट तैनात करें।अभी तैनात न करें; बस पृष्ठ तैयार करें और बिल्ड चलाएं।
डिप्लॉयमेंट
Production
उत्पादन परिनियोजनवास्तविक तैनात वातावरण जिसका उपयोग उपयोगकर्ता करते हैं।
उत्पादन का परीक्षण स्थानीय dev सर्वर से अलग तरीके से किया जाना चाहिए क्योंकि dev-only सुविधाएँ अनुपस्थित हैं।
उत्पादन परिनियोजनबताएं कि क्या यह चेतावनी उत्पादन को प्रभावित करती है या केवल विकास को।
डिप्लॉयमेंट
Hosting
स्थिर होस्टिंग प्रदाता।वह सेवा या सर्वर जो तैनात साइट फ़ाइलों को संग्रहीत और परोसता है।
स्थिर निर्यात को स्थिर होस्टिंग द्वारा परोसा जा सकता है जब सर्वर लॉजिक की आवश्यकता नहीं होती है।
स्थिर होस्टिंग प्रदाता।सुनिश्चित करें कि आउटपुट स्थिर होस्टिंग पर काम करता है।
डिप्लॉयमेंट
Domain
example.comमानव-पठनीय पता जिसे उपयोगकर्ता किसी साइट तक पहुंचने के लिए टाइप करते हैं।
एक डोमेन DNS के माध्यम से परिनियोजित होस्टिंग स्थान को इंगित करता है।
example.comउन लिंक में localhost को हार्ड-कोड न करें जो उत्पादन डोमेन पर काम करने चाहिए।
डिप्लॉयमेंट
DNS
एक रिकॉर्ड / CNAME रिकॉर्डवह प्रणाली जो डोमेन नाम को सर्वर या होस्टिंग लक्ष्य पर मैप करती है।
कस्टम डोमेन के लिए, तैनात साइट तक पहुंचने के लिए DNS को सही ढंग से कॉन्फ़िगर किया जाना चाहिए।
एक रिकॉर्ड / CNAME रिकॉर्डबताएं कि क्या समस्या DNS समस्या है या ऐप बिल्ड समस्या है।
डिप्लॉयमेंट
Cache
clear browser cacheफ़ाइलों या प्रतिक्रियाओं की संग्रहीत प्रतियां जिनका उपयोग पृष्ठों को तेज़ी से लोड करने के लिए किया जाता है।
परिनियोजन के बाद, पुराने कैश्ड फ़ाइलें ब्राउज़र को कुछ समय के लिए पिछले संस्करण को दिखाने का कारण बन सकती हैं।
clear browser cacheजाँच करें कि क्या पुराना पृष्ठ अभी भी कैश के कारण दिखाई दे रहा है।
रनटाइम
Node.js
node --versionएक JavaScript रनटाइम जिसका उपयोग विकास उपकरणों, बिल्ड स्क्रिप्ट और सर्वरों को चलाने के लिए किया जाता है।
Next.js dev और build कमांड Node.js पर चलते हैं।
node --versionमुझे बताएं कि क्या यह चेतावनी Node.js, Next.js, या मेरे ऐप कोड से आती है।
रनटाइम
npm
npm run buildएक पैकेज मैनेजर और स्क्रिप्ट रनर जिसका उपयोग आमतौर पर JavaScript परियोजनाओं में किया जाता है।
package.json स्क्रिप्ट को परिभाषित करता है जैसे कि dev, lint, और build जिसे npm चला सकता है।
npm run buildnpm बिल्ड स्क्रिप्ट चलाएं और परिणाम का सारांश दें।
रनटाइम
package.json
"scripts": { "dev": "next dev -p 3001" }एक प्रोजेक्ट फ़ाइल जो स्क्रिप्ट, निर्भरता और पैकेज मेटाडेटा को परिभाषित करती है।
यह जानने के लिए कि प्रोजेक्ट आपसे कौन से कमांड चलाने की अपेक्षा करता है, package.json की जाँच करें।
"scripts": { "dev": "next dev -p 3001" }यह तय करने से पहले कि कौन सा dev कमांड चलाना है, package.json की जाँच करें।
रनटाइम
Environment variable
NEXT_PUBLIC_SITE_URL=https://example.comएक मान जो स्रोत कोड के बाहर ऐप या बिल्ड वातावरण को आपूर्ति किया जाता है।
पर्यावरण चर का उपयोग साइट URL, API कुंजियों और परिनियोजन-विशिष्ट सेटिंग्स के लिए किया जाता है।
गुप्त सार्वजनिक क्लाइंट-साइड चर के माध्यम से उजागर नहीं होने चाहिए।
NEXT_PUBLIC_SITE_URL=https://example.comयदि पहले से ही एक पर्यावरण चर मौजूद है तो उत्पादन साइट URL को हार्ड-कोड न करें।
त्रुटियाँ और चेतावनी
404
404 Not Foundएक त्रुटि जिसका अर्थ है कि अनुरोधित पृष्ठ या फ़ाइल नहीं मिली।
यह तब हो सकता है जब कोई रूट हटा दिया गया हो, उसका नाम बदल दिया गया हो, या स्थिर आउटपुट में उत्पन्न नहीं हुआ हो।
404 Not Foundजाँच करें कि क्या पुराना प्रोग्रामिंग-बेसिक URL अब हटाने के बाद 404 लौटाता है।
त्रुटियाँ और चेतावनी
500
500 Internal Server Errorएक त्रुटि जिसका अर्थ है कि अनुरोध को संसाधित करते समय सर्वर विफल हो गया।
विकास में, टर्मिनल या ब्राउज़र ओवरले आमतौर पर स्रोत त्रुटि दिखाता है।
500 Internal Server Errorयदि 500 दिखाई देता है, तो टर्मिनल त्रुटि का निरीक्षण करें और विफल होने वाली फ़ाइल की पहचान करें।
त्रुटियाँ और चेतावनी
Module not found
Module not found: Can't resolve '@/lib/programming'एक त्रुटि जिसका अर्थ है कि एक आयात एक फ़ाइल या पैकेज की ओर इशारा करता है जिसे नहीं पाया जा सकता है।
यह अक्सर तब होता है जब फ़ाइलों को स्थानांतरित, हटाया या नाम बदला जाता है बिना आयात को अपडेट किए।
Module not found: Can't resolve '@/lib/programming'किसी भी आयात को खोजें और अपडेट करें जो अभी भी हटाए गए फ़ाइल की ओर इशारा करते हैं।
त्रुटियाँ और चेतावनी
Export not found
Export programmingBasicsCopy doesn't existएक त्रुटि जिसका अर्थ है कि एक फ़ाइल मौजूद है, लेकिन अनुरोधित नामित निर्यात उस फ़ाइल द्वारा प्रदान नहीं किया गया है।
यह तब हो सकता है जब किसी डेटा ऑब्जेक्ट का नाम बदला जाता है लेकिन आयात अभी भी पुराने नाम का उपयोग करते हैं।
Export programmingBasicsCopy doesn't existपुराने निर्यात नाम को हर जगह नए नाम से बदलें।
त्रुटियाँ और चेतावनी
EADDRINUSE
listen EADDRINUSE: address already in use 0.0.0.0:3001एक त्रुटि जिसका अर्थ है कि कोई अन्य प्रक्रिया पहले से ही अनुरोधित होस्ट और पोर्ट का उपयोग कर रही है।
यदि आप इसे जानबूझकर बदलना चाहते हैं तो एक अलग पोर्ट का उपयोग करें या मौजूदा सर्वर को बंद कर दें।
listen EADDRINUSE: address already in use 0.0.0.0:3001यदि EADDRINUSE दिखाई देता है, तो मुझे बताएं कि कौन सा पोर्ट व्यस्त है और एक अलग पोर्ट का उपयोग करें।
त्रुटियाँ और चेतावनी
DeprecationWarning
[DEP0205] DeprecationWarning: module.register() is deprecatedएक चेतावनी कि एक API वर्तमान में काम कर रहा है लेकिन बाद में इसे हटाया या बदला जा सकता है।
चेतावनियों पर ध्यान दिया जाना चाहिए, लेकिन वे हमेशा बिल्ड-ब्लॉकिंग त्रुटियां नहीं होती हैं।
[DEP0205] DeprecationWarning: module.register() is deprecatedमुझे बताएं कि क्या यह DeprecationWarning हानिरहित है या इसके लिए कोड में बदलाव की आवश्यकता है।
त्रुटियाँ और चेतावनी
Hydration
Hydration failed because the server rendered HTML didn't matchवह प्रक्रिया जिसमें क्लाइंट-साइड JavaScript सर्वर-रेंडर किए गए HTML से जुड़ता है।
मिसमैच त्रुटियां तब होती हैं जब सर्वर और क्लाइंट अलग-अलग प्रारंभिक सामग्री प्रस्तुत करते हैं।
Hydration failed because the server rendered HTML didn't matchयदि हाइड्रेशन विफल हो जाता है, तो जांचें कि कौन सा घटक क्लाइंट पर अलग तरह से प्रस्तुत होता है।
कमांड
npm run dev
npm run devएक प्रोजेक्ट स्क्रिप्ट जो लोकल डेवलपमेंट सर्वर शुरू करती है।
इसका उपयोग तब करें जब आप पृष्ठों को संपादित कर रहे हों और स्थानीय रूप से परिवर्तनों की जांच कर रहे हों।
npm run devnpm run dev चलाएं और मुझे लोकल और नेटवर्क URL दें।
कमांड
npm run build
npm run buildएक प्रोजेक्ट स्क्रिप्ट जो प्रोडक्शन बिल्ड या स्टैटिक एक्सपोर्ट बनाती है।
ऐप को सफलतापूर्वक जेनरेट किया जा सके यह सुनिश्चित करने के लिए परिवर्तनों के बाद इसे चलाएं।
npm run buildnpm run build चलाएं और किसी भी चेतावनी या विफलता का सारांश दें।
कमांड
npm run lint
npm run lintएक प्रोजेक्ट स्क्रिप्ट जो लिंट चेक चलाती है।
कई कोड समस्याओं को जल्दी पकड़ने के लिए बिल्ड से पहले इसे चलाएं।
npm run lintसाइट बनाने से पहले lint चलाएं।
कमांड
curl
curl -I http://localhost:3001/koHTTP अनुरोध करने और प्रतिक्रियाओं की जांच करने के लिए एक कमांड-लाइन टूल।
curl can quickly check whether a local or deployed page responds with 200, 404, or another status.
curl -I http://localhost:3001/koयह जांचने के लिए कि क्या नया संदर्भ मार्ग 200 लौटाता है, curl का उपयोग करें।