react-devtools: по умолчанию DevTools прослушивает порт 8097 на локальном хосте. Как настроить?

Я пытаюсь установить автономные инструменты для разработки, которые по умолчанию прослушивают порт 8097. Мое приложение использует порт 3001. В документации говорится следующее:

«По умолчанию DevTools прослушивает порт 8097 на локальном хосте. Если вам нужно настроить хост, порт или другие параметры, вместо этого см. пакет react-devtools-core».

Как мне изменить порт, чтобы вместо этого слушать 3001?

Источник: https://github.com/facebook/react-devtools/tree/master/packages/react-devtools


reactjs javascript react-devtools
person A7DC    schedule 28.03.2017    source источник

Ответы (2)


arrow_upward
3
arrow_downward

В документации рекомендуется взглянуть на react-devtools-core:

require('react-devtools-core').connectToDevTools(options)

Это похоже на require('react-devtools') в другом пакете, но обеспечивает больший контроль. В отличие от require('react-devtools'), он не подключается сразу, а экспортирует функцию.

Запустите connectToDevTools() в том же контексте, что и React, чтобы настроить подключение к DevTools. Убедитесь, что это выполняется до импорта react, react-dom или react-native.

Объект параметров может содержать:

  • host (строка), по умолчанию 'localhost'.
  • порт (номер), по умолчанию 8097.
  • resolveRNStyle (функция), используемая RN и null по умолчанию.
person TimoStaudinger    schedule 28.03.2017
comment
скромный, буквально. - person arcom; 24.08.2017

arrow_upward
2
arrow_downward

Вы также можете изменить порт эмулятора или устройства на 8097. У меня сработало.

Eg: adb -s <device-name> reverse tcp:8097 tcp:8097

Как узнать имя устройства: запустите adb devices

person Nishit Mehta    schedule 22.05.2019
comment
Как изменить порт устройства? Команда, которую вы показали, предназначена только для переадресации портов. - person Hjulle; 19.08.2019