Angular 6+ Как изменить порт по умолчанию 4200

Этот вопрос специфичен для версии 6 Angular, а не раньше, поскольку файл.angular-cli.json был заменен файлом angular.json.

Я создал новый проект Angular 6 и попытался, как я всегда делал с предыдущими версиями, изменить его порт по умолчанию, но на этот раз в angular.json.

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

Но получите следующую ошибку:

Неверная схема обнаружена в.angular-cli.json, пожалуйста, исправьте и повторите попытку!

Кто-нибудь знает, как это сделать с этой новой версией Angular?

Ответ 1

Из-за неточного заголовка: " angular-cli server - как указать порт по умолчанию ", было трудно найти ответ на мой вопрос, но благодаря Владину Гонсалесу я это сделал.

Чтобы помочь другим быстро найти ответ, я выделил здесь определенную часть для Angular 6, принадлежащую elwyn:

Обновление для @angular/cli @6.x: В новом угловом.json вы теперь указываете порт на "проект",

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

Все доступные варианты:

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

Ответ 2

Вы всегда можете указать порт при обслуживании: ng serve --port 3000

Вы можете поместить там любой допустимый номер порта, и он будет обслуживать этот порт.

Ответ 3

Я даю ответ для angular 2+ приложения.

Если вы хотите запустить 2 угловое приложение в другом порту, т.е.

1) port 4200 
2) port 5000

вам нужно изменить файл "package.json" и просто добавить одну строку "Блок скриптов" в первых фигурных скобках, где имя вашего приложения, версия по умолчанию доступна,

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

Запустите приложение с помощью команды "npm start". Эта команда запустит ваше приложение на порту 5000.

Ответ 4

Ответ прост: напишите ng serve --open --port=YourPortNumber в командной строке.

Пример:

ng serve --open --port=4201

==== ДРУГОЕ РЕШЕНИЕ ====

Вы также можете изменить его в package.json

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

Теперь в команде propmt просто напишите npm start

Ответ 5

Два способа изменить порт по умолчанию Первый: с помощью команды

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

Второе: отредактируйте свой package.json

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

Если вы используете в своей системе несколько проектов в какое-то время, то первое условие лучше, а первое - хорошо для практики.