react-devtools：默认情况下，DevTools 监听本地主机上的 8097 端口。如何定制？

Question

我正在尝试安装独立的 react-devtools，它默认侦听端口 8097。我的应用程序使用端口 3001。文档说明如下：

"默认情况下，DevTools 侦听本地主机上的端口 8097。如果您需要自定义主机、端口或其他设置，请参阅 react-devtools-core 包。"

如何更改端口以改为侦听 3001？

来源：https://github.com/facebook/react-devtools/tree/master/packages/react-devtools

Answer 1

文档建议查看 react-devtools-core:

require('react-devtools-core').connectToDevTools(options)
This is similar to require('react-devtools') in another package but providing more control. Unlike require('react-devtools'), it doesn't connect immediately, but exports a function.

Run connectToDevTools() in the same context as React to set up a connection to DevTools. Make sure this runs before any react, react-dom, or react-native imports.

The options object may contain:

host (string), defaults to 'localhost'.

port (number), defaults to 8097.

resolveRNStyle (function), used by RN and null by default.

Answer 2

您也可以将模拟器或设备端口更改为 8097。对我有用。

例如：adb -s <device-name> reverse tcp:8097 tcp:8097

如何查找设备名称：运行 adb devices

react-devtools：默认情况下，DevTools 监听本地主机上的 8097 端口。如何定制？

react-devtools: By default DevTools listen to port 8097 on localhost. How to customise?

javascript

reactjs

react-devtools