0

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

如何更新 Flipper Mac 应用程序的 Metro 端口？

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

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

4

2 回答 2

0

由于 8081 端口不可用，我不得不将 Metro bundler 端口更新为 8383。此后我无法使用 Flipper 插件，因为 Flipper 仍然指的是旧的 Metro bundler 端口。

为了解决这个问题，我在 .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'

要启动鳍状肢，只需使用新别名即可。

于 2022-01-20T13:24:01.753 回答
0

您建议的链接有答案。该文件说如下。

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

  • 原生室内环境。（您选择的端口 1111,2222 就像这样）
  • 安卓
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
于 2022-01-20T11:13:02.327 回答