Cannot Use Remote Debugger

• [ Yes ] Review the documentation: https://facebook.github.io/react-native
• [ Yes ] Search for existing issues: https://github.com/facebook/react-native/issues
• [ Yes ] Use the latest React Native release: https://github.com/facebook/react-native/releases

Environment

React Native Environment Info: System: OS: macOS 10.14.1 CPU: (8) x64 Intel® Core™ i7-7700HQ CPU @ 2.80GHz Memory: 91.83 MB / 16.00 GB Shell: 5.3 - /bin/zsh Binaries: Node: 10.6.0 - ~/.nvm/versions/node/v10.6.0/bin/node Yarn: 1.12.3 - ~/.nvm/versions/node/v10.6.0/bin/yarn npm: 6.4.1 - ~/.nvm/versions/node/v10.6.0/bin/npm Watchman: 4.9.0 - /usr/local/bin/watchman SDKs: iOS SDK: Platforms: iOS 12.1, macOS 10.14, tvOS 12.1, watchOS 5.1 IDEs: Android Studio: 3.1 AI-173.4819257 Xcode: 10.1/10B61 - /usr/bin/xcodebuild npmPackages: react: 16.5.0 => 16.5.0 react-native: https://github.com/expo/react-native/archive/sdk-31.0.1.tar.gz => 0.57.1

The app is using Expo v31.0.3 and expo-cli 2.4.0.

Description

The remote debugger does not work. The app works fine without the remote debugger active in both Android Emulator and iOS Simulator. Production mode is not active.

Here is the error message:

Changing the url to use localhost instead of the local IP does not fix it (as suggested in similar issue here: https://github.com/facebook/react-native/issues/17618. Furthermore we are not using xip.io).

Reproducible Demo

Not sure how to reproduce, as I can get the remote debugger working with a clean react-native init project. The repo is private, so I cannot share a link to it.

[matthargett]

no, just wanted to leave a workaround note for folks who end up here from a web search 😃

[matthargett]

With newer Chrome and react-devtools, you have to use localhost (or the IP addresses involved have to be the same) in order to bypass CORS checking. This has come up quite a few times with teams I work with.