Порт по умолчанию для приложения для реагирования - 3000, поэтому ваше приложение для реагирования обычно работает на localhost:3000.
Иногда я работаю над проектом реагирования, и мне может потребоваться внести несколько изменений или быстро исправить что-то в другом приложении для реагирования, Мне не нужно выходить из проекта, над которым я активно работаю, только потому, что я хочу внести некоторые изменения в другое приложение. Но если вы не можете изменить порт по умолчанию для приложения React, это то, что вам нужно сделать.

Есть несколько способов изменить порт, не выходя из приложения. Вот как это сделать.

Один из способов - установить пакет под названием cross-env и использовать его для изменения настроек порта вашего приложения.

2 укажите порт, который вы хотите использовать в своих сценариях, в файле package.json вашего приложения.

Вот как вы можете использовать упомянутые выше решения. Чтобы установить новый порт прямо в package.json, внутри скриптов в package.json у вас уже есть эта строка кода "start”: "react-scripts start” это выглядит так ...

вам нужно отредактировать строку скриптов и изменить ее на "start”: "SET PORT=5500 && react-scripts start”
Теперь ваш стартовый скрипт будет выглядеть так

Запустите npm start или yarn start, чтобы запустить приложение, и оно откроется в вашем браузере с указанным вами портом.

Вы также можете установить пакет cross-env и отредактировать свои скрипты package.json на "start": "cross-env PORT=6000 react-scripts start"

При настройке порта в сценарии package.json с использованием cross-env или SET распространенной ошибкой является установка неприемлемого номера порта, например, 6000. это может привести к тому, что ваш браузер выдаст эту ошибку ERR_UNSAFE_PORT`
Чтобы исправить это, вы можете попробовать настроить браузер так, чтобы он явно принимал порт 6000 — -explicitly-allowed-ports=6000, но в моем понимании это непросто. Опыт, чтобы заставить это работать, я использую ОС Windows на случай, если это проще сделать на Mac или что-то в этом роде.

Чтобы устранить эту ошибку, вам необходимо установить другой номер порта, и вы можете просмотреть этот список ограниченных портов, чтобы узнать, какие порты ограничены
здесь.
S наш список заблокированных портов

Есть и другие способы изменить порт по умолчанию, вы можете изучить и опробовать некоторые из них.
С Новым годом, любители !!!