facebook / flipper

A desktop debugging platform for mobile developers.
https://fbflipper.com/
MIT License
13.33k stars 952 forks source link

Hermes Debugger - Breakpoints missing functionalities #4703

Open noumantahir opened 1 year ago

noumantahir commented 1 year ago

🐛 Bug Report

Having issue while debugging react native app using Chrome DevTools under plugin Hermes Debugger (RN) in Flipper.

  1. Breakpoints set are not visible with line number indicator, app do recognise the breakpoint and stop execution but visually there is no way to tell where breakpoints are set.
  2. Under watch, if we add a simple primitive data type, it works fine, but any object would appear as Object but do not expand even if we try expanding using show/hive handle.

Rest of Flipper plugins including third party plugins being used seems to work perfectly as expected.

Screenshot 2023-04-26 at 10 01 15 PM

To Reproduce

After matching the environment, set some breakpoints and add some random objects for watch, make app stop execution on a certain breakpoint.

Environment

react : 18.1.0
react-native : 0.70.7
react-native-actions-sheet : ^0.6.1
react-native-flipper: ^0.190.0

iOS Version : 16.0
Flipper Desktop : 0.190.0
Operating System : macOS 12.6

Apparently the issue is only happening on MacOS, similar environment setup in Ubuntu machine with exact same version seems work fine with debugging RN on Android.

BauyrzhanZhakiyanov commented 1 year ago

A similar problem, it is impossible to use flipper for debugging.

  1. Does not show the inside of the object.
  2. Breakpoints do not stop code execution on the ios simulator and android emulator.
  3. Breakpoints are not highlighted with a marker.
System:
    OS: macOS 13.3.1
    CPU: (8) arm64 Apple M1 Pro
    Memory: 64.84 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 19.0.1 - /opt/homebrew/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 9.6.2 - /opt/homebrew/bin/npm
    Watchman: 2022.11.07.00 - /opt/homebrew/bin/watchman
  Managers:
    CocoaPods: 1.12.0 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 22.4, iOS 16.4, macOS 13.3, tvOS 16.4, watchOS 9.4
    Android SDK: Not Found
  IDEs:
    Android Studio: 2021.3 AI-213.7172.25.2113.9123335
    Xcode: 14.3/14E222b - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.17 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.2.0 => 18.2.0 
    react-native: 0.71.6 => 0.71.6 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found
Mazztwo commented 1 year ago

Is there any update on this....? Flipper has become useless on MacOS without breakpoints. The whole Hermes Debugger is broken....?