Flipper 插件不适用于本机应用程序

Flipper plugins not working with react-native app

我有 react-native 应用程序,我在其中使用端口 8383 端口(我不能使用默认端口 8081)作为 metro bundler。在使用 Flipper 调试应用程序时,它显示大多数插件如 Hermes/react dev-tool 等不可用。
阅读文档后,我相信为 flipper 使用正确的端口应该可以解决它。如果有任何其他解决方案,请告诉我。

如何为 Flipper Mac 应用程序更新地铁端口?

不清楚如何遵循 link https://fbflipper.com/docs/custom-ports/
中的说明 我应该在哪个目录下执行上面link中提供的命令?

我在浏览器中尝试了 运行 npx flipper-server --port 8383,但它也不起作用。

您建议的 link 有答案。文档是这样说的

这些指令的执行路径就是你的项目根路径。

  • 原生内部设置。 (你选择的端口 1111,2222 像这样)

  • Android
adb shell su 0 setprop flipper.ports 1111,2222
  • IOS
xcrun simctl spawn booted defaults write "Apple Global Domain" "com.facebook.flipper.ports" -string "1111,2222" 
  • 构建设置
env FLIPPER_BROWSER_PORT=1111 yarn start or npm run start

由于 8081 端口不可用,我不得不将 Metro 捆绑器端口更新为 8383。之后我无法使用 Flipper 插件,因为 Flipper 仍然指的是旧的 Metro 捆绑器端口。

为了解决这个问题,我在 .bash_profile

中创建了别名
alias FlipperApp='env METRO_SERVER_PORT=8383 FLIPPER_PORTS=8383 /Applications/Flipper.app/Contents/MacOS/Flipper'

Flipper Mac 应用程序的另一种替代方法是在浏览器中使用 flipper。

alias FlipperWeb='env METRO_SERVER_PORT=8383 npx flipper-server'

要启动 flipper,只需使用新别名即可。