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.

Expo 25 remote debugging doesn't work on native device

See original GitHub issue

when I create a brand new project from Expo XDE, I try turning on remote debugging on a native ios device and I get the following error:

Failed to load http://packager.62-wdi.lifeiscontent.my-new-project.exp.direct/node_modules/expo/AppEntry.delta?platform=ios&dev=true&strict=false&minify=false&hot=false&assetPlugin=/Users/aaronreisman/my-new-project/node_modules/expo/tools/hashAssetFiles: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:19001' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
(index):188 Uncaught (in promise) TypeError: Failed to fetch

this is using the react-navigation project base.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:17
  • Comments:24 (3 by maintainers)

github_iconTop GitHub Comments

46reactions
dhgomezg6commented, Feb 26, 2018

@psyanite just change in crome the url in chrome from localhost:19001/debugger-ui to http://192.168.1.5:19001/debugger-ui

16reactions
felipefreitagcommented, Jan 31, 2018

It seems a RN 0.52 issue: https://github.com/facebook/react-native/issues/17618 In the issue, they mentioned it might be fixed in 0.53.

Potential workaround by Sw0rdstream:

As a workaround, simply change your URL of Chrome from http://localhost:8081/debugger-ui/ to http://192.168.XXXX.XXXX.xip.io:8081/debugger-ui/In @njbmartin 's case, http://192.168.0.13.xip.io:8081/debugger-ui/

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 >
Debugging - Expo Documentation
Remote debugging with Chrome Developer Tools ... You can debug React Native apps using the Chrome debugger tools. Rather than running your app's...
Read more >
How to debug encrypted network traffic in React Native
The first step is to open up an Android emulator from Android Studio. Next, start the Metro bundler of your Expo app. Press...
Read more >
Debugging an Azure cloud service or virtual machine
With remote debugging enabled, you can't publish a cloud service in which any role has more than 25 instances. The debugger uses ports...
Read more >
Tools and Tips for Debugging Your React Native App
By default, React Native supports ChromeDev tools through its remote debugging capability. When your app is running on Android Emulator, press Ctrl+M on...
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