ng serve не открывает браузер (хром) для локального хоста на правильном порту

Моя команда ng serve --open обслуживает порт 4200, но не открывает браузер на порту 4200. Когда браузер автоматически загружается, в URL-адресе отображается только ‘localhost’, и отображается пустая страница (ну, не так уж много пустых page как Этот сайт недоступен. localhost отказался подключиться. ERR_CONNECTION_REFUSED). Вывод командной строки также дает указание на это (раздел «Подробнее» ниже), говоря, что порт localhost не определен или что-то в этом роде?

ОБРАТИТЕ ВНИМАНИЕ, что это использовалось для работы до самого недавнего времени, поэтому либо я случайно изменил некоторую конфигурацию на моей стороне, либо это вызвано очень недавним обновлением браузера или другим обновлением пакета?

Но когда я затем вручную меняю порт на 4200 (редактируя URL-адрес на localhost:4200), он находит и отображает страницу, которую обслуживает ng serve.

Я наблюдаю такое же поведение даже после того, как создаю новое приложение с помощью ng new и делаю только npm start.

Со своей стороны я не делал в последнее время никаких обновлений angular. Chrome, с другой стороны, отправляет обновления каждые два дня, и поэтому мне интересно, может ли это быть вызвано чем-то на стороне браузера?

Подробнее:

Использование Angular CLI: 10.2.1

В моем package.json для запуска сценария есть:

"start": "ng serve --open --watch",

Я поигрался с разными номерами портов в этой команде запуска, и это также, похоже, не влияет на фактический порт, на котором браузер открывает мой локальный хост. То же самое и с запуском вручную: ng serve --open --port 4200 — ›он также открывает браузер, но не через порт 4200.

В выводе командной строки ng serve показывает следующее:

npm start 

> [email protected] start /home/schalks/personal-src/my-own-repos/ps-angular-forms
> ng serve --open --watch


chunk {main} main.js, main.js.map (main) 24.1 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 141 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 935 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 2.66 MB [initial] [rendered]
Date: 2021-02-05T11:21:50.674Z - Hash: 8b8180430b015f98e7ac - Time: 9330ms
** Angular Live Development Server is listening on localhost:undefined, open your browser on https://localhost/ **
: Compiled successfully.

См. также:  Проблема при установке зависимостей с помощью Stackblitz
Понравилась статья? Поделиться с друзьями:
IT Шеф
Комментарии: 1
  1. Schalk Sevenster

    Я пересмотрел это сейчас, и на этот раз я нашел еще одного S.O. вопрос, который очень похож (если не дублировать) на мой (но это фактически сделало бы МОЙ вопрос дубликатом, поскольку другой кажется старше, если он действительно технически такой же).

    Во всяком случае, кто-то опубликовал там ответ на этот вопрос, который в конечном итоге оказался для меня полезным: Angular ng serve не размещает сайт на localhost

    И чтобы еще больше упростить его, то, что в конечном итоге решило это для меня, было:

    ng serve --port 4200 --host 0.0.0.0 -o

    Я считаю, что ключевым изменением было изменение моего хоста с localhost на 0.0.0.0.

    Теперь, когда я запускаю его, он автоматически открывает в моем браузере правильный порт и теперь также фактически отображает обслуживаемую страницу, без необходимости вручную вводить порт или что-то еще.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: