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 debug CORS issue

See original GitHub issue

Is this a bug report?

Yes

Have you read the Contributing Guidelines?

Yes

Environment

Environment:

OS: Windows 10

Node: 8.1.3

Yarn: 0.27.5

npm: 5.0.3

Watchman: Not Found

Xcode: N/A

Android Studio: Version 2.3.0.0 AI-162.4069837

Packages: (wanted => installed)

react: 16.2.0 => 16.2.0

react-native: 0.53.0 => 0.53.0

Steps to Reproduce

Enable remote debug mode when you set a debug server host in Dev settings

You see the following error in browser console

Failed to load http://localhost:8081/index.delta?platform=android&dev=true&minify=false: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://10.10.11.1:8081' 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

async function (async)

ws.onmessage @ (index):155

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:7
  • Comments:21 (4 by maintainers)

github_iconTop GitHub Comments

49reactions
sunnylqmcommented, Apr 10, 2018

Just change the ip to localhost

22reactions
lucidtheorycommented, Mar 18, 2018

I am also on RN ^.54 and i am getting this when debugging android

Installing Cors Toggle Helped fix as per this comment

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to Debug Any CORS Error - HTTP Toolkit
Your request is hitting an error due to CORS. Not all is lost! Most CORS errors are quick & easy to debug and...
Read more >
Chapter 7. Debugging CORS requests - CORS in Action
This chapter introduces tools that can be used to debug CORS requests. It starts by introducing features of the Chrome Debugger Tool.
Read more >
Way to debug CORS errors - Stack Overflow
For example, I am using Chrome version "32.0.1700.14 beta", and when I visit this page, I get the following error in my console:...
Read more >
Debugging CORS problems for End-Users - Alchemy Docs
CORS issues happen when the browser does not trust the endpoint that it is trying to reach. In order to allow calls from...
Read more >
CORS errors - HTTP - MDN Web Docs - Mozilla
If the CORS configuration isn't setup correctly, the browser console will present an error like "Cross-Origin Request Blocked: The Same Origin ...
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