web-dev-qa-db-ja.com

Angular 6+デフォルトのポート4200を変更する方法

。angular-cli.jsonファイルがangular.jsonファイルに置き換えられたため、この質問は以前のバージョンではなく、Angularのバージョン6に固有のものです。

新しいAngular 6プロジェクトを作成し、以前のバージョンと同様に、デフォルトポートを変更しようとしましたが、今回はangle.jsonで変更しました。

  "defaults": {
    "serve": {
      "port": 4220
  },

ただし、次のエラーが発生します。

.angular-cli.jsonで無効なスキーマが検出されました。修正して再試行してください！

Angularのこの新しいバージョンでこれを行う方法を知っている人はいますか？

angularportangular-cli-v6
20
Sami-L

タイトルが不正確であるため： " angular-cli server-default portの指定方法 "、質問への回答を見つけるのは困難でしたが、Vladymir Gonzalezやった。

他の人がすぐに答えを見つけられるように、ここで elwyn に属するAngular 6の特定の部分を抽出しました。

@ angular/cli @ 6.xの更新：新しいangular.jsonでは、「プロジェクト」ごとにポートを指定するようになりました

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

利用可能なすべてのオプション：

https://github.com/angular/angular-cli/wiki/angular-workspace

53
Sami-L

提供中はいつでもポートを指定できます：ng serve --port 3000

そこに任意の有効なポート番号を置くことができ、そのポートから提供されます。

7
Nicholas Pesa

angular 2 + applicationに対して答えを出しています。

異なるポートで2 angularアプリケーションを開始する場合、つまり.

1) port 4200 
2) port 5000

"package.json"ファイルを変更し、1行追加するだけで変更する必要があります"Script block"アプリケーション名、バージョンがデフォルトで使用可能な最初の中括弧で、

"scripts": {
    "ng": "ng",
    "start": "ng serve --port 5000 ",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

"npm start"コマンドでアプリケーションを起動します。このコマンドは、ポート50でアプリケーションを開始します。

5
Deva

答えは、コマンドプロンプトにng serve --open --port=YourPortNumberと書くだけです。

例：

ng serve --open --port=4201

====その他のソリューション====

package.jsonで変更することもできます

"scripts": {
  "start": "ng serve --open --port=4201",
}

さて、コマンドpropmtでnpm startと書くだけです

2
Harish Mahajan

最初にデフォルトのポートを変更する2つの方法：コマンドを使用する

ng serve --port 8000 || ng serve --Host '192.168.1.1' --port 8000

2番目：package.jsonを編集します

"scripts": {
    "ng": "ng",
    "start": "ng serve --port 8000",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

システム内のある時点で複数のプロジェクトを使用している場合、最初の条件が最適であり、最初に練習するのが良い

1
Abhishek