Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

devtools does not show. it's blank #789

Open
pouriabagheri opened this issue Sep 6, 2023 · 11 comments
Open

devtools does not show. it's blank #789

pouriabagheri opened this issue Sep 6, 2023 · 11 comments

Comments

@pouriabagheri
Copy link

pouriabagheri commented Sep 6, 2023

React Native Debugger app version: 0.14.0
React Native version: 0.72
Platform: iOS, Android
Is real device of platform: Both
Operating System: macOS

the dev-tool is blank and not showing anything
the console throws this error on first run

bundle.js:2 TypeError: Cannot read properties of undefined (reading 'action')
    at r.value (bundle.js:6:262610)
    at r.value (bundle.js:6:262058)
    at xu (bundle.js:2:939665)
    at wu (bundle.js:2:939440)
    at bu (bundle.js:2:938978)
    at bundle.js:2:950762
    at Sl (bundle.js:2:951273)
    at ll (bundle.js:2:945029)
    at $o (bundle.js:2:885729)
    at bundle.js:2:951268
    at Sl (bundle.js:2:951273)
    at il (bundle.js:2:943770)
    at S (bundle.js:2:991848)
    at Immediate.D (bundle.js:2:992380)
    at process.processImmediate (node:internal/timers:476:21)

bundle.js:2 TypeError: Cannot read properties of undefined (reading 'action')
    at r.value (bundle.js:6:262610)
    at r.value (bundle.js:6:262058)
    at xu (bundle.js:2:939665)
    at wu (bundle.js:2:939440)
    at bu (bundle.js:2:938978)
    at bundle.js:2:950762
    at Sl (bundle.js:2:951273)
    at ll (bundle.js:2:945029)
    at $o (bundle.js:2:885729)
    at bundle.js:2:951268
    at Sl (bundle.js:2:951273)
    at il (bundle.js:2:943770)
    at S (bundle.js:2:991848)
    at Immediate.D (bundle.js:2:992380)
    at process.processImmediate (node:internal/timers:476:21)
Screenshot 2023-09-06 at 9 39 53 AM

I have tried:
reinstalling the debugger
removing all other debugging tools from chrome
clearing app and yarn cache
toggle DevTools react
toggle DevTools redux

Does anyone know what are the files affected by the debugger so i can delete them manually and do a clean install ?

@pouriabagheri pouriabagheri changed the title dev-tools does not show at all. devtools does not show. it's blank Sep 6, 2023
@pouriabagheri
Copy link
Author

so I managed to fix it by clean installing the react native debugger

  1. brew uninstall --cask react-native-debugger
  2. rm -rf ~/Library/Application Support/React Native Debugger
  3. brew install --cask react-native-debugger

@suleymanbasbug
Copy link

so I managed to fix it by clean installing the react native debugger

  1. brew uninstall --cask react-native-debugger
  2. rm -rf ~/Library/Application Support/React Native Debugger
  3. brew install --cask react-native-debugger

Its not worked for me

@MarkPan726
Copy link

I have a similar question the react devtools is blank and can't toggle, I resolve it by installing react-devtools:
yarn global add react-devtools@^4.22.0.

@fomichova
Copy link

Has anyone fixed this issue? I have the same. Nothing of solutions does not work.

@jamesfg
Copy link

jamesfg commented Nov 21, 2023

so I managed to fix it by clean installing the react native debugger

  1. brew uninstall --cask react-native-debugger
  2. rm -rf ~/Library/Application Support/React Native Debugger
  3. brew install --cask react-native-debugger

Its not worked for me

I did this but command 2 did not work for me so I manually deleted the folder and reinstalled and it worked.

@sayurimizuguchi
Copy link

I fixed this issue. However, I could not solve this by uninstalling and installing it again. Then I remembered we have cache files for every application. With that in mind, the steps I followed to fix (Mac OS):

  1. Open Finder
  2. In the top, select Go -> Go to Folder -> /Users/${yourUser}/Library/Caches/
  3. Go to Application Support folder -> Then delete the entire folder called React Native Debugger
  4. Open the application again; it should be working.

Screen Shot 2023-11-28 at 1 27 21 PM

@meantgx
Copy link

meantgx commented Dec 15, 2023

I fixed this issue. However, I could not solve this by uninstalling and installing it again. Then I remembered we have cache files for every application. With that in mind, the steps I followed to fix (Mac OS):

  1. Open Finder
  2. In the top, select Go -> Go to Folder -> /Users/${yourUser}/Library/Caches/
  3. Go to Application Support folder -> Then delete the entire folder called React Native Debugger
  4. Open the application again; it should be working.

Screen Shot 2023-11-28 at 1 27 21 PM

It works. Great ! 💯

@fdrcslv
Copy link

fdrcslv commented Jan 12, 2024

Having the same problem, installing it with dpkg. Removing and reinstalling does not work. I tried installing react-devtools:
yarn global add react-devtools@^4.22.0

@mukeshmaurya2002
Copy link

I fixed this issue. However, I could not solve this by uninstalling and installing it again. Then I remembered we have cache files for every application. With that in mind, the steps I followed to fix (Mac OS):

  1. Open Finder
  2. In the top, select Go -> Go to Folder -> /Users/${yourUser}/Library/Caches/
  3. Go to Application Support folder -> Then delete the entire folder called React Native Debugger
  4. Open the application again; it should be working.

Screen Shot 2023-11-28 at 1 27 21 PM

thanks it working

@VladKNT
Copy link

VladKNT commented Jun 13, 2024

I fixed this issue. However, I could not solve this by uninstalling and installing it again. Then I remembered we have cache files for every application. With that in mind, the steps I followed to fix (Mac OS):

  1. Open Finder
  2. In the top, select Go -> Go to Folder -> /Users/${yourUser}/Library/Caches/
  3. Go to Application Support folder -> Then delete the entire folder called React Native Debugger
  4. Open the application again; it should be working.

Screen Shot 2023-11-28 at 1 27 21 PM

I did not find the "React Native Debugger" folder under this path "/Users/${yourUser}/Library/Caches/Application Support/", but managed to solve this problem by turning off "Cache Storage" in the "Application" tab of the debugger.
The react-native-debugger version that I used is 0.14.0.

Screenshot 2024-06-13 at 21 05 32

@lmff85
Copy link

lmff85 commented Oct 16, 2024

Don't know if this will help anyone but when my redux tools disappeared and I couldn't find the debugger preferences in the aforementioned path /Users/<user>/Library/Caches/Application Support/React Native Debugger, I eventually found the folder in question at /Users/Library/ApplicationSupport/React Native Debugger.

Removing it and restarting the debugger brought redux tools back.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests