javascript - react-devtools:默认情况下,DevTools 监听本地主机上的 8097 端口。如何定制?

标签 javascript reactjs react-devtools

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

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

我该如何更改端口以改为监听 3001?

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

最佳答案

文档建议查看 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.

关于javascript - react-devtools:默认情况下,DevTools 监听本地主机上的 8097 端口。如何定制?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43074677/

相关文章:

javascript - 将重复项组织到有序的单个数组中

javascript - 为什么 console.log() 显示 react_devtools_backend.js :4049 instead of the file and line number?

javascript - websocket.js 导致 React 应用程序意外刷新

javascript - 如何循环遍历 JavaScript 中的静态值(常量)列表?

javascript - 除了数据绑定(bind)之外,backbone.js(或 knockout.js)还提供哪些优势

javascript - 你如何组织你的 Javascript 代码?

javascript - nginx反向代理后面的create-react-app代码更改未在浏览器中重新加载

reactjs - 当组件卸载时,React 会自动删除事件监听器吗?

javascript - 计算每个 object.entry 的长度属性

reactjs - React Profiler - 开始分析并重新加载页面?