Angular 6+ Как изменить порт по умолчанию 4200 - PullRequest
Новая
       7

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

0 голосов
/ 25 мая 2018

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

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

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

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

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

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

Ответы [ 5 ]

0 голосов
/ 10 апреля 2019

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

Пример: 

ng serve --open --port=4201

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

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

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

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

0 голосов
/ 11 декабря 2018

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

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"
  },

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

0 голосов
/ 25 мая 2018

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

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

0 голосов
/ 10 августа 2018

Я отвечаю на угловое приложение 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 .

0 голосов
/ 25 мая 2018

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

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

Обновление для @ 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

...