question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Remote debugger bug, react-native v 0.50 android

See original GitHub issue

Is this a bug report?

yes

Environment

Environment: OS: Linux 4.10 Node: 8.5.0 Yarn: 1.0.1 npm: 5.3.0 Watchman: Not Found Xcode: N/A

Android Studio: 2.3 AI-162.4069837

Packages: (wanted => installed) react: 16.0.0 => 16.0.0 react-native: 0.50.4 => 0.50.4

Browser: Chrome Version 59.0.3071.115 (Official Build) (64-bit) Target: (Android 8.0)

Steps to Reproduce

react-native init AwesomeProject cd AwesomeProject react-native run-android enable remote debugger on device

open browser to http://localhost:8081/debugger-ui/

Expected Behavior

device should connect to remote debugger with no errors

Actual Behavior

device will not connect to remote debugger.

console will display -

‘Uncaught SyntaxError: Unexpected token …’ localhost/:183

localhost/:183 -
worker.postMessage({ …object, url: await getBlobUrl(object.url), });

I reverted back to 0.49 and it got rid of the error, and am able to connect properly, so I am sure it is with 0.50

it looks like the error is coming from object spread operator in /react-native/blob/master/local-cli/server/util/debugger-ui/index.html

Object spread is not supported pre version 60 on google chrome.

Reproducible Demo

react-native init ${app name}

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:11

github_iconTop GitHub Comments

2reactions
universalmind303commented, Dec 8, 2017

I have a bugfix in my repo, I submitted a PR as well.

You can pull down my version instead of the facebook one

https://github.com/universalmind303/react-native

Another fix ( if you are using chrome ) , upgrade to the latest version of chrome

1reaction
hjJuniorcommented, Feb 23, 2018

I got the same problem, and I’m using chrome version 64.0.3282.167 Runing react-native: 0.53.3

Read more comments on GitHub >

github_iconTop Results From Across the Web

Unable to connect with remote debugger - Stack Overflow
Press Cmd + M on emulator screen · Go to Dev settings > Debug server host & port for device · Set localhost:8081...
Read more >
Webstorm react-native does not work on react ... - YouTrack
If you run in the webstorm terminal react-native run-android, the application will show up however you cannot debug within webstorm. If you change...
Read more >
Debugging React Native with VS Code - LogRocket Blog
There are several ways to debug a React Native app. ... either for Android or iOS, to run and debug the app on...
Read more >
Debug your app - Android Developers
Android Studio provides a debugger that allows you to do the following and more: Select a device to debug your app on. Set...
Read more >
VSCode Extension for React Native - Supports Debugging ...
This VS Code extension provides a development environment for React Native projects. Using this extension, you can debug your code and quickly run ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found