web-dev-qa-db-ja.com

角度ポートを4200から他のポートに変更する方法

4200ではなく5000を使いたいのですが。

私が試したのは、私はルート名ember-cliにファイルを作成し、以下のコードに従ってJSONを置くことです。

{
   "port": 5000
}

しかし、私のアプリは5000ではなく4200で動作します

134
Ashutosh Jha

解決策は私のために働いた

ng serve --port 4401    

(4401は任意の数字に変更できます)

次にブラウザを起動します - > http:// localhost:4401/

基本的に、私は2つのアプリケーションを持っていました、そして今私は私の開発環境で両方を同時に実行することができます上記のアプローチの助けを借りて。

206
David

次のコマンドを入力してアプリケーションポートを変更できます。

ngサーブ - ポート4200

また、恒久的なセットアップでは、angular-cli.jsonファイルを編集してポートを変更できます。

 "defaults": {
    "serve": {
      "port": 8080
    }
  }
93
ganesh kalje

新しいバージョンのnodel_modules/angular-cli/commands/server.jsをインストールすると更新されるので、angular-cliを変更するのは悪い考えです。代わりに、次のようにpackage.json ng serve --port 5000 を指定する必要があります。

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

--Host 127.0.0.1 を使用してホストを指定することもできます。

44
Dhyey

最近のバージョンのCLIでは状況が変わったようです(私は6.0.1を使用しています)。私は自分のプロジェクトのng serveportオプションを追加することでangular.jsonによって使用されるデフォルトポートを変更することができました:

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

(この例では、関連するプロパティのみが示されています。)

28
Nathan Friend

ポート設定の場所が数回変更されました。

Angular CLI 1を使用している場合

angular-cli.jsonを変更する

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

最新のAngular CLIを使用している場合

angular.jsonを変更する

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

ファイルを変更せずに

コマンドを実行する

ng serve --Host 0.0.0.0 --port 5000
22
arsanyf

最新のAngular CLIの回答を更新した人はいません。最新のAngular CLI

Angular-cli.jsonがlatest versionに変更されたAngular-Cliのangular.jsonを使用すると、angular.jsonファイルを編集してポートを変更できます。 "project"

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

それについてもっと読むhere

14
Sajeetharan

私は通常ng setコマンドを使用して、プロジェクトレベルのAngular CLI設定を変更します。

ng set defaults.serve.port=4201

それはあなたの.angular.cli.jsonを変更し、 のようにポート設定を追加します それは先に述べました - /。

この変更の後、あなたは単にng serveを使うことができ、毎回それを指定する必要なしに好ましいポートを使うことになるでしょう。

12
csikosjanos

また、通常はnpm startと入力する角度のあるcliに下記のコマンドを入力することもできます。

ng serve --Host "ip-address" --port "port-number"

7
Ajitesh Jaiswal
  • 常設の場合:

    ジャンプ nodel_modules/angular-cli/commands/server.js varを検索します。defaultPort = process.env.PORT || 4200; そして4200を他のものに変更してください。

  • 今すぐ実行するには:

    ng serve --port 4500 (ポート番号として使用したい番号に4500を変更します)

4
Deepak swain

このコマンドを書くこともできます:ng serve -p 5000

4
Sara Vaseei

Serve.jsファイルに構成されているデフォルトのポート番号を編集できます。

パスはproject_direcory/node_modules/angular-cli/commands/serve.jsになります。

この行を検索する - > var defaultPort = process.env.PORT || 4200;
この行に置き換えます - > var defaultPort = process.env.PORT || 5000;

3
Amruth LS

角度2 + +で。

ポートを変更するには、ターミナルで以下のコマンドを実行します。

ng serve --Host 0.0.0.0 --port 5000.
3
Nitya nand

Angular.jsonの場合:

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

Angular-Cliを使用しています。これは私のために働きました。

2
Deepak Singla

4200以外の場合は、以下のコマンドを実行してください。

ng serve --port 4500
2
Sagar Jadhav

単にng serve --port 5000 --openを実行する

とにかく走れ

ng serve --port yourport

例:

ng serve --port 4401

1
Akitha_MJ

上記の回答にはすでに多数の有効な解決策がありますが、ここでは視覚的なガイドと、Visual Studioを使用したAngular 7プロジェクト用の具体的な解決策コード。イメージツリーに表示されているディレクトリでschema.jsonを探し、ブラウザのポートを恒久的に変更するためにport - > defaultの下の整数を変更します。

enter image description here

1
themightyhulk

このファイルに移動

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

と検索ポート

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

デフォルトの設定を変更してサーバーを再起動します。

0
Sohail Ahmad

Angularでデフォルトのポート番号を変更する方法は2つあります。

Cliコマンドへの最初の方法:

ng serve --port 2400 --open

2つ目の方法は、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
    },
0
Satyendra Patel