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,只需使用新别名即可。
我有 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,只需使用新别名即可。