不使用react的Flipper插件-本地应用程序

Question

我有反应-本机应用程序，在其中我使用端口8383端口(我不能使用默认端口8081)的地铁捆绑。当使用Flipper调试应用程序时，它显示出大多数插件，如Hermes/react、开发工具等等，都是不可用的。

在阅读了文档之后，我认为使用正确的端口对flipper应该可以解决它。如果有其他解决办法，请告诉我。

如何更新Flipper应用程序的城域网端口？

还不清楚如何遵循链接https://fbflipper.com/docs/custom-ports/的指示

我应该在哪个目录中执行上面链接中提供的命令？

我试着在浏览器中运行npx flipper-server --port 8383，但是它也没有工作。

Answer 1

由于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应用程序的另一个选择是在浏览器中使用flipper。

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

启动flipper只是使用了新的别名，而且起了作用。

Answer 2

你建议的链接有一个答案。文件上写着：

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

• 本地室内环境。(您选择的端口为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