কীভাবে কৌনিক বন্দরটি অন্য কোনও 4200 থেকে পরিবর্তন করতে হবে

Question

আমি 4200 এর পরিবর্তে 5000 ব্যবহার করতে চাই ..

আমি যা চেষ্টা করেছি তা হ'ল আমি মূল নামে একটি ফাইল তৈরি করেছি ember-cliএবং নীচের কোড অনুসারে JSON রেখেছি:

{
   "port": 5000
}

তবে আমার অ্যাপ্লিকেশনটি 5000 এর পরিবর্তে 4200 এ চলে

Comments

সম্ভাব্য সদৃশ স্ট্যাকওভারফ্লো.com

— জ্যাক গেরিয়সন

আপনি কি সার্ভার পুনরায় চালু করেছেন?

— ক্রিস

হ্যাঁ @ ক্রিস্টজানরেইনহোল্ড

— আশুতোষ ঝা

এটা কি তোমার প্রশ্নের উত্তর? কৌণিক-ক্লাইম সার্ভার - কীভাবে ডিফল্ট পোর্টটি নির্দিষ্ট করা যায়

— এলোইন

Answer 1

সমাধানটি আমার পক্ষে কাজ করেছিল

ng serve --port 4401    

(আপনি যে কোনও সংখ্যায় চাইলে 4401 পরিবর্তন করতে পারেন)

তারপরে ব্রাউজারটি চালু করুন -> http: // লোকালহোস্ট: 4401 /

মূলত, আমার দুটি অ্যাপ্লিকেশন ছিল এবং উপরোক্ত পদ্ধতির সাহায্যে এখন আমি উভয়কে আমার বিকাশের পরিবেশে এক সাথে চালাতে সক্ষম হয়েছি।

Comments

'--Port 4201' বিকল্পটি

— সার্ভিড

অন্যের পক্ষে npm start --port 4401npm start

— সিডনোট

দয়া করে এই উত্তর দেখার পাশাপাশি stackoverflow.com/a/52345586/3209545

— callee.args

কেবল একটি সংযোজন, আপনি একই সাথে একটি নতুন ব্রাউজার ট্যাবে পরিবেশন করা অ্যাপটি খুলতে পারেন ng serve --port 4401 --open

— briancollins081

Answer 2

নিম্নলিখিত কমান্ডটি প্রবেশ করে আপনি আপনার অ্যাপ্লিকেশন পোর্টটি পরিবর্তন করতে পারেন,

এনজি সার্ভিস --পোর্ট 4200

এছাড়াও, স্থায়ী সেটআপের জন্য আপনি কৌণিক-ক্লাই.জেসন ফাইল সম্পাদনা করে পোর্ট পরিবর্তন করতে পারেন

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

Comments

নতুন প্রকাশে আপনার এনজি পরিবেশন --port 8080 (কোনও ":" পরিবর্তে ফাঁকা স্থান) ব্যবহার করা উচিত।

— জুলিয়ান এল।

এটি যদি সর্বশেষ "ডিফল্ট" সেটিংস হয় তবে আপনার পিছনে থাকা কমাটি থেকে মুক্তি পাওয়া উচিত

— ওসওয়াল্ডো সালাজার

এটি সিএলআইয়ের সাম্প্রতিক সংস্করণগুলিতে পরিবর্তিত হয়েছে - আরও তথ্যের জন্য আমার উত্তর দেখুন।

— নাথন বন্ধু

Answer 3

দেখে মনে হচ্ছে সি এল এলির সাম্প্রতিক সংস্করণগুলিতে কিছু পরিবর্তন হয়েছে (আমি ব্যবহার করছি 6.0.1)। আমি আমার প্রকল্পের ng serveএকটি portবিকল্প যুক্ত করে ব্যবহৃত ডিফল্ট বন্দরটি পরিবর্তন করতে সক্ষম হয়েছি angular.json:

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

(কেবলমাত্র প্রাসঙ্গিক বৈশিষ্ট্যগুলি এই উদাহরণে প্রদর্শিত হয়))

Comments

এবং আমি তারপরেও হোস্টটি পরিবর্তন করতে চাই

— কুনভার সিং

এটি সত্যই সঠিক স্থায়ী উত্তর

— ডাব্লুটিফুডজিই

Answer 4

পরিবর্তন nodel_modules/angular-cli/commands/server.jsকরা একটি খারাপ ধারণা কারণ আপনি যখন নতুন সংস্করণ ইনস্টল করবেন এটি আপডেট হবে angular-cli। এর পরিবর্তে আপনার নির্দিষ্ট করা উচিত NG 5000 --port পরিবেশন করা মধ্যে package.jsonভালো:

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

আপনি - হোস্ট 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

এটি যথাযথ উত্তর হিসাবে বিবেচনা করা উচিত কারণ এটি উভয় সম্ভাবনাটিকে কভার করে: স্থায়ী বা অস্থায়ী সমাধান।

— ড্যানিয়েল সান্টানা

আমি @ ড্যান

— মার্কেন্ট 15

স্থায়ী পরিবর্তনগুলির ক্ষেত্রে, আপনি কি জানেন যে এই `angular.json` ফাইলটিতে নতুন বন্দরটি অন্য কোথাও নির্দিষ্ট করা উচিত কিনা? আমার serveবিকল্প স্তর সঙ্গে দুই আইটেম আছে browserTarget, optionsএবং configurations/production। আমি এই portদুটি বা এই মাত্র দুটি এ নতুন এন্ট্রি যুক্ত করা উচিত options?

— মোজগর

Answer 6

সর্বশেষ কৌনিক সিএলআই-এর জন্য কারওই উত্তর আপডেট নেই ith 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

গেট / সেটটি config.০-এ কনফিগার করার পক্ষে প্রত্যাশিত বলে মনে হচ্ছে, সুতরাং এটি আর কাজ করে না।

— ভ্যানআলবার্ট

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

• স্থায়ী জন্য:

  গোটো নোডেল_মডিউলস / কৌণিক-ক্লিপ / কমান্ড / সার্ভার.js অনুসন্ধান করুন ডিফল্ট পোর্ট = প্রসেস.এনভি.পোর্ট টি || 4200; এবং অন্য যে কোনও কিছুতে 4200 পরিবর্তন করুন।

• এখন চালাতে:

  এনজি সার্ভিস - পোর্ট 4500 (আপনি আপনার বন্দর হিসাবে যে কোনও সংখ্যারই 4500 পরিবর্তন করতে চান)

Comments

আমি মনে করি না যে স্থানীয়ভাবে ইনস্টল করা প্যাকেজের সামগ্রীগুলি পরিবর্তন node_modulesকরা একটি ভাল অনুশীলন।

— ব্রুনো ব্রেন্ট

Answer 12

নোড মডিউলগুলিতে পরিবর্তন করার জন্য এটি প্রস্তাবিত নয় কারণ আপডেটগুলি বা পুনরায় ইনস্টলেশন এই পরিবর্তনগুলি সরাতে পারে। কৌণিক ক্লাইনে পরিবর্তন করা ভাল

কৌণিক 9 জনে কৌণিক 9

{
    "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 প্রকল্পের জন্য সম্ভবত একটি ভিজ্যুয়াল গাইড এবং সুনির্দিষ্ট সমাধান (সম্ভবত পূর্ববর্তী সংস্করণগুলি, যদিও এর কোনও গ্যারান্টি নেই) রয়েছে। চিত্রের গাছের মতো ডিরেক্টরিতে স্কিমা.জসনকে সন্ধান করুন এবং ব্রাউজারে স্থায়ীভাবে পোর্ট পরিবর্তনের জন্য পোর্ট -> ডিফল্টের অধীনে পূর্ণসংখ্যার পরিবর্তন করুন ।

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

শেষ ঘন্টা

এনজি পরিবেশন - বন্দর আপনারপোর্টপোর্ট

উদাহরণ:

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

আপনি যদি কৌনিক সিএলআই দেব সার্ভারের বন্দরের মান সেট করতে নোডজেএস এনভায়রনমেন্ট ভেরিয়েবলটি ব্যবহার করতে চান তবে নিম্নলিখিত পদ্ধতির সম্ভাবনা রয়েছে:

• নোডজেএস স্ক্রিপ্ট তৈরি করুন, এতে পরিবেশের পরিবর্তনশীল অ্যাক্সেস থাকবে (বলুন 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 মাধ্যমে চলমান এই স্ক্রিপ্টটি সরবরাহ করতে প্যাকেজ.জসন আপডেট করুন
• DEV_SERVER_PORTপরিবেশ পরিবর্তনশীল সেট আপ করতে ভুলবেন না ( ডটেনভের মাধ্যমে করা যেতে পারে )

এখানে এই পদ্ধতির সম্পূর্ণ বিবরণ .env মাধ্যমে কৌণিক CLI উন্নয়ন সার্ভারের পোর্ট পরিবর্তন করতে কিভাবে ।

Answer 25

এটি স্বয়ংক্রিয়ভাবে আপনার উইন্ডোটিও খুলবে

ng serve -o --port 4801