कोणीय पोर्ट को 4200 से किसी अन्य में कैसे बदलें

Question

मैं 4200 के बजाय 5000 का उपयोग करना चाहता हूं।

मैंने जो कोशिश की है, मैंने रूट नाम पर एक फ़ाइल बनाई है ember-cliऔर नीचे दिए गए कोड के अनुसार JSON डाल दिया है:

{
   "port": 5000
}

लेकिन मेरा ऐप अभी भी 5000 के बजाय 4200 पर चलता है

Comments

संभावित डुप्लिकेट stackoverflow.com/questions/37154813/...

— Zac Grierson

क्या आपने सर्वर को फिर से शुरू किया?

— 11:21

हां @kristjanreinhold

— आशुतोष झा

क्या इससे आपके सवाल का जवाब मिलता है? कोणीय-

— क्ली

Answer 1

मेरे लिए काम किया समाधान था

ng serve --port 4401    

(आप जो चाहें संख्या 4401 बदल सकते हैं)

फिर ब्राउज़र लॉन्च करें -> http: // localhost: 4401 /

असल में, मेरे पास दो एप्लिकेशन थे और उपरोक्त दृष्टिकोण की मदद से अब मैं अपने विकास के माहौल में दोनों को एक साथ चलाने में सक्षम हूं।

Comments

विकल्प '--पोर्ट 4201' सर्व कमांड

— होम्स

दूसरों के लिए परिकल्पना: ऐसा npm start --port 4401इसलिए नहीं करते हैं क्योंकि npm start

— --पोर्ट

कृपया इस उत्तर को अच्छी तरह से देखें stackoverflow.com/a/52345586/3209545

— callee.args

इसके अलावा, आप एक ही समय में एक नए ब्राउज़र टैब में ng serve --port 4401 --open

— सेव

Answer 2

आप निम्न कमांड दर्ज करके अपना एप्लिकेशन पोर्ट बदल सकते हैं,

एनजी सर्व - पासपोर्ट 4200

इसके अलावा, एक स्थायी सेटअप के लिए आप कोणीय-cli.json फ़ाइल को संपादित करके पोर्ट को बदल सकते हैं

 "defaults": {
    "serve": {
      "port": 8080
    }
  }

Comments

नए रिलीज में आपको एनजी सर्व --पोर्ट 8080 (नहीं ":", रिक्त स्थान के बजाय) का उपयोग करना चाहिए।

— जूलियन एल।

यदि यह अंतिम "चूक" सेटिंग है, तो आपको पीछे आने वाले अल्पविराम से छुटकारा पाना चाहिए

— ओसवाल्डो सालाजार

यह सीएलआई के हाल के संस्करणों में बदल गया है - अधिक विवरण के लिए मेरा जवाब देखें।

— नाथन फ्रेंड

Answer 3

ऐसा लगता है कि सीएलआई के हाल के संस्करणों में चीजें बदल गई हैं (मैं उपयोग कर रहा हूं 6.0.1)। मैं अपनी परियोजना के विकल्प में ng serveजोड़कर उपयोग किए गए डिफ़ॉल्ट पोर्ट को बदलने में सक्षम था :portangular.json

{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "projects": {
        "my-project": {
            "architect": {
                "serve": {
                    "options": {
                        "port": 4201
                    }
                }
            }
        }
    }
}

(इस उदाहरण में केवल प्रासंगिक गुण दिखाए गए हैं।)

Comments

और मैं तब मेजबान भी बदलना चाहता हूं

— कुंवर सिंह

यह वास्तव में सही स्थायी उत्तर है

— WtFudgE

Answer 4

बदलते nodel_modules/angular-cli/commands/server.jsसमय एक बुरा विचार है क्योंकि जब आप नया संस्करण स्थापित करते हैं तो यह अपडेट हो जाएगा angular-cli। इसके बजाय आप निर्दिष्ट करना चाहिए एनजी 5000 --port की सेवा में package.jsonइस तरह:

"scripts": {
    "start": "ng serve --port 5000"
}

आप होस्ट को भी --host 127.0.0.1 के साथ निर्दिष्ट कर सकते हैं

Comments

आप ऐप कैसे शुरू करते हैं? ng serve? जब मैं ब्राउज़र में जाँच करता हूँ तो काम नहीं करता है,localhost:5000

— आशीष रंजन

मुझे लगता है कि यह स्वीकृत उत्तर होना चाहिए। लगभग npm startएक कमांड के रूप में मोर के उपयोग के लिए

— प्रफुल्लित करने वाला

स्थायी कॉन्फ़िगरेशन के लिए स्क्रिप्ट विकल्प का उपयोग क्यों करें? इसके लिए एक फाइल है, और वह हैangular.json

— मोजगोर

Answer 5

पोर्ट सेटिंग्स के लिए स्थान एक दो बार बदल गया है।

यदि कोणीय सीएलआई का उपयोग कर 1

परिवर्तन angular-cli.json

{
  "defaults": {
    "serve": {
      "host": "0.0.0.0",
      "port": 5000 
    }
  }
}

यदि नवीनतम कोणीय सीएलआई का उपयोग कर रहे हैं

परिवर्तन angular.json

"projects": {
    "project-name": {
        ...
        "architect": {
            "serve": {
                "options": {
                  "host": "0.0.0.0",
                  "port": 5000
                }
            }
        }
        ...
    }
}

बिना किसी फाइल को बदले

कमांड चलाएं

ng serve --host 0.0.0.0 --port 5000

Comments

इसे सही उत्तर माना जाना चाहिए क्योंकि यह दोनों संभावनाओं को कवर करता है: स्थायी या अस्थायी समाधान।

— डैनियल सैन्टाना

मैं @Dan

— marknt15

स्थायी परिवर्तनों के मामले में, क्या आप जानते हैं कि इस 'कोणीय.जॉन' फ़ाइल में नया पोर्ट कहीं और निर्दिष्ट किया जाना चाहिए? मेरे serveविकल्प स्तर में दो आइटम हैं browserTarget, optionsऔर configurations/production। क्या मुझे portउन दोनों या सिर्फ optionsएक में इस नई प्रविष्टि को जोड़ना चाहिए ?

— मोजगोर

Answer 6

किसी ने भी नवीनतम कोणीय CLI.O के लिए नवीनतम उत्तर अपडेट नहीं किया है Angular CLI

साथ latest versionकोणीय CLI जिसमें कोणीय cli.json नाम दिया की angular.json, आप को संपादित करके बंदरगाह बदल सकते हैं angular.jsonफ़ाइल तुम अब प्रति एक पोर्ट निर्दिष्ट"project"

projects": {
    "my-cool-project": {
        ... rest of project config omitted
        "architect": {
            "serve": {
                "options": {
                    "port": 4500
                }
            }
        }
    }
}

इसके बारे में और पढ़ें here

Comments

`सेवा / विन्यास / उत्पादन` प्रविष्टि के बारे में क्या जिसमें एक browserTargetप्रविष्टि भी शामिल है , serve / optionsजहां हम नया जोड़ते हैं port?

— मोजगोर

— एंगुलर

Answer 7

मैं आमतौर पर ng setप्रोजेक्ट स्तर के लिए कोणीय सीएलआई सेटिंग्स को बदलने के लिए कमांड का उपयोग करता हूं ।

ng set defaults.serve.port=4201

यह आपके परिवर्तन को बदल .angular.cli.jsonदेता है और पोर्ट सेटिंग्स को जोड़ता है जैसा कि पहले उल्लेख किया गया है ।

इस परिवर्तन के बाद आप बस ng serveइसे इस्तेमाल कर सकते हैं और इसे हर बार निर्दिष्ट करने की आवश्यकता के बिना पसंदीदा बंदरगाह का उपयोग करने जा रहे हैं।

Comments

get / set 6.0 में विन्यास के पक्ष में पदावनत प्रतीत होता है, इसलिए यह अब काम नहीं करता है।

— वनअल्बर्ट

Answer 8

आप अपने कोणीय क्ली में नीचे की कमांड भी दर्ज कर सकते हैं जहां आप सामान्य रूप से एनपीएम स्टार्ट दर्ज करते हैं

एनजी सर्व --होस्ट "आईपी-एड्रेस" --पोर्ट "पोर्ट-नंबर"

Answer 9

आप यह आदेश भी लिख सकते हैं: ng serve -p 5000

Comments

ठीक। यह शॉर्ट हैंड सिंटेक्स है। महान

— आशुतोष झा

मैं इसे कोणीय 4 में इस्तेमाल किया गया था!

— सारा वासेई

Answer 10

गोटो इस फ़ाइल

node_modules\@angular-devkit\build-angular\src\dev-server\schema.json

और खोज बंदरगाह

"port": {
  "type": "number",
  "description": "Port to listen on.",
  "default": 4200
},

जो भी आप चाहते हैं डिफ़ॉल्ट मान बदलें और सर्वर को पुनरारंभ करें

Comments

मेरे लिए काम करता है, बस उल्लेखित फ़ाइल को बदलने के लिए नोटिस करने की आवश्यकता है और अन्य नहीं- node_modules/@angular/cli/lib/config/schema.json जिसमें समान संपत्ति शामिल है।

— लिंगर

Answer 11

• स्थायी के लिए:

  गोटो nodel_modules / कोणीय-cli / कमांड / server.js खोजें var = process.env.PORT के4200; और 4200 को अपनी इच्छानुसार बदल दें।

• अब चलाने के लिए:

  एनजी सर्व --पोर्ट 4500 (आप अपने पोर्ट के रूप में उपयोग करना चाहते हैं किसी भी संख्या में 4500 बदल सकते हैं)

Comments

मुझे नहीं लगता कि स्थानीय स्तर पर स्थापित पैकेज की सामग्री को बदलना node_modulesएक अच्छा अभ्यास है।

— ब्रूनो ब्रेंट

Answer 12

इसे नोड मॉड्यूल में बदलने की अनुशंसा नहीं की जाती है क्योंकि अपडेट या पुन: स्थापना उन परिवर्तनों को हटा सकती है। तो कोणीय क्ली में बदलने के लिए बेहतर है

कोणीय 9। कोणीय .json में

{
    "projects": {
            "targets": {
                "serve": {
                    "options": {
                         "port": 5000
                     }
                }     
            }     
    }
}  

Answer 13

आप डिफॉल्ट पोर्ट नंबर को एडिट कर सकते हैं, जो सर्विस.जेएस फाइल में कॉन्फ़िगर किया गया है।

पथ होगा project_direcory/node_modules/angular-cli/commands/serve.js।

इस लाइन को खोजें -> var defaultPort = process.env.PORT || 4200;
इस लाइन से बदलें ->var defaultPort = process.env.PORT || 5000;

Comments

यदि आप इसे पढ़ रहे हैं और ऐसा करने पर विचार कर रहे हैं ... कृपया, कभी भी निर्भरता फ़ाइलों को संपादित न करें।

— शाम

Answer 14

बस दौड़ो ng serve --port 5000 --open

Answer 15

4200 के अलावा अन्य के लिए कमांड के नीचे चलाएँ

ng serve --port 4500

Answer 16

कोणीय में। आगजनी:

"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
          "browserTarget": "projectname:build",
          "port": 5000
         }

मैं कोणीय-क्ली का उपयोग कर रहा हूं। इसने मेरे लिए काम किया।

Answer 17

कोणीय 2 ++ में।

पोर्ट बदलने के लिए आप टर्मिनल में कमांड से नीचे चला सकते हैं:

ng serve --host 0.0.0.0 --port 5000.

Answer 18

यद्यपि उपरोक्त उत्तरों में पहले से ही कई वैध समाधान हैं, यहाँ विजुअल गाइड और विजुअल स्टूडियो कोड का उपयोग करते हुए कोणीय 7 परियोजनाओं (संभवतः पहले के संस्करणों के साथ-साथ, हालांकि इसकी कोई गारंटी नहीं है) के लिए विशिष्ट समाधान है । निर्देशिका में स्कीमा.json का पता लगाएँ, जैसा कि छवि ट्री में दिखाया गया है और ब्राउज़र में पोर्ट के स्थायी परिवर्तन के लिए पूर्णांक को पोर्ट -> डिफ़ॉल्ट के तहत बदल देता है।

Comments

@ s34N खुशी है कि सुनने के लिए। यदि उत्तर मदद का था, तो कृपया याद रखें कि यदि पहले से ही ऐसा नहीं किया गया है तो पोस्ट पर अपवोट देना होगा। धन्यवाद दोस्त।

— थीमाइटहुलक

Answer 19

angular.jsonफ़ाइल पर जाएं ,

कीवर्ड "सेवा" के लिए खोजें:

portनीचे दिखाए अनुसार कीवर्ड जोड़ें :

 "serve": {
     "builder": "@angular-devkit/build-angular:dev-server",
     "options": {
         "browserTarget": "my-new-angular-app:build",
         "port": 3001
     },
     ...

Answer 20

हमारे पास एंगुलर में डिफ़ॉल्ट पोर्ट नंबर को बदलने के दो तरीके हैं।

पहला तरीका कमांड करने के लिए:

ng serve --port 2400 --open

दूसरा तरीका स्थान पर कॉन्फ़िगरेशन द्वारा है ProjectName\node_modules\@angular-devkit\build-angular\src\dev-server\schema.json:।

schema.jsonफ़ाइल में परिवर्तन करें ।

{
 "title": "Dev Server Target",
  "description": "Dev Server target options for Build Facade.",
  "type": "object",
  "properties": {
    "browserTarget": {
      "type": "string",
      "description": "Target to serve."
    },
    "port": {
      "type": "number",
      "description": "Port to listen on.",
      "default": 2400
    },

Comments

यह नोड_मॉड्यूल्स में फ़ाइलों को बदलने की अनुशंसा नहीं की जाती है जो पैकेज को पुनः स्थापित करने के बाद अधिलेखित हो सकती हैं। सजेतीहरण द्वारा एक बहुत अच्छा समाधान प्रस्तुत किया गया था।

— डैनियल सैन्टाना

Answer 21

बस दौडो

एनजी सर्व - पासपोर्ट yourport

उदाहरण:

ng serve --port 4401

Answer 22

मेरे लिए काम किया गया कोड इस प्रकार था

ng serve --port ABCD

उदाहरण के लिए

ng serve --port 6300

Answer 23

ब्राउज़र में चलाने और खोलने के लिए स्वचालित रूप से ध्वज -openया बस का उपयोग करें-o

ng serve -o --port 4200

नोट: पोर्ट 4200 मनमाना है। यह आपकी पसंद का कोई भी पोर्ट हो सकता है

Answer 24

यदि आप कोणीय CLI देव सर्वर के पोर्ट का मान सेट करने के लिए NodeJS पर्यावरण चर का उपयोग करना चाहते हैं, तो निम्नलिखित दृष्टिकोण संभव हैं:

• NodeJS स्क्रिप्ट बनाएं, जिसमें पर्यावरण चर (कहते हैं, DEV_SERVER_PORT) तक पहुंच होगी और चल सकती हैng serve--port उस चर से लिए गए पैरामीटर मान के साथ चल सकती है ( चाइल्ड_प्रोसेस यहां हमारा दोस्त हो सकता है):

const child_process = require('child_process');
const child = child_process.exec(`ng serve --port=${process.env.DEV_SERVER_PORT}`);
child.stdout.on('data', data => console.log(data.toString()));

• npm के माध्यम से चल रहे इस स्क्रिप्ट को प्रदान करने के लिए package.json को अपडेट करें
• DEV_SERVER_PORTपर्यावरण चर सेट करना न भूलें ( डॉटनव के माध्यम से किया जा सकता है )

यहाँ इस दृष्टिकोण का पूरा विवरण भी दिया गया है: .env के माध्यम से कोणीय सीएलआई डेवलपमेंट सर्वर पोर्ट को कैसे बदलें ।

Answer 25

इससे आपकी विंडो अपने आप खुल जाएगी

ng serve -o --port 4801