hak*_*iko 13 debugging react-native metro-bundler
React Native app 在真机上调试有一些问题;
我的 Metro bundler 控制台发出警告:
warn No apps connected. Sending "reload" to all React Native apps failed. Make sure your app is running in the simulator or on a phone connected via USB.
Run Code Online (Sandbox Code Playgroud)
警告并导致真正的 IOS 设备连接问题。
当我尝试从 Chrome React Native Debugger 重新加载我的 React Native 应用程序时,它给出了上述警告,我无法在 Chrome 上调试我的代码
反应原生:0.62.2,
IOS:13.6
它发生在真实设备连接上。当我使用 IOS 模拟器时,没有问题。
注意:我的手机和 macbook 使用相同的 Wi-Fi 网络。
所以问题与不同的 wi-fi 网络使用无关。
Vai*_*ini 28
在物理 Android 设备上运行这个对我有用。
adb reverse tcp:8081 tcp:8081
Run Code Online (Sandbox Code Playgroud)
或者
npm run android-connect
Run Code Online (Sandbox Code Playgroud)
如果您遇到“两个以上设备正在运行”的错误,请确保 BlueStacks 等模拟器未运行。
小智 16
对我来说,我需要将应用程序中的捆绑程序位置从“localhost:8081”设置为“192.168.1.XX:8081”,这是我的计算机的本地 IP 地址,Metro 捆绑程序在其中运行,端口为 8081。
如果您不知道捆绑程序在哪个端口上运行,您可以将其指定为参数,例如:
npx react-native start --port 8081
Run Code Online (Sandbox Code Playgroud)
然后您需要在开发应用程序中指定位置。要做到这一点:
晃动你的设备
单击更改捆绑包位置(我使用的是 RN 0.64,您的可能有所不同)
为捆绑程序提供运行 Metro 捆绑程序的计算机 IP 和端口的位置,例如:
他们开始互相交流。
Joh*_*hn' 13
?? 对于 iOS 用户:
检查您的构建目标是否为 Debug :
Xcode 产品 => 方案 => 编辑方案 => 调试(而不是发布!)
?? 对于安卓用户:
我找到了我在 github 上发布的解决方案。不是最好的,但它可能很有用:
首先,您必须打开MainApplication.java
并删除import com.facebook.react.BuildConfig;
接下来,请按照以下步骤操作:
# Reset metro bundler cache :
`npx react-native start --reset-cache`
# Remove Android assets cache :
`cd android && ./gradlew clean`
# Relaunch metro server :
`npx react-native run-android`
Run Code Online (Sandbox Code Playgroud)
并看到魔法
在这里看到:https : //github.com/facebook/react-native/issues/29396
小智 10
您的 iPhone 必须与 Mac 连接到同一网络(例如 WiFi),因为它们必须相互通信(React Native Doc)。
如果已经是这种情况,请使用 Google 的服务器 ( 8.8.8.8 )在 iPhone 和 Mac 上手动填写DCHP服务器,因为这可能是由于 DHCP 问题。
您可能需要断开并重新连接到您的 Wifi。
jso*_*sog 10
我的问题是我的 Mac 和 Iphone 上没有连接到同一个 WiFi。我在两台设备上关闭并重新打开 WiFi,并确保 Mac 和 Iphone 都连接到同一个 WiFi。很烦人,但却是事实!
小智 7
您的 iPhone 和 Mac 必须连接到同一网络。如果两个设备都连接到同一网络,则必须检查应用程序的本地网络可用性。(这发生在我的 iOS 14.0 运行设备上)。
检查本地网络 - iOS 14
设置 -> 隐私 -> 本地网络
在 Android 上,这也可能是由于网络安全配置问题而发生。如果您确实使用网络安全配置,请尝试android:networkSecurityConfig="@xml/network_security_config"从AndroidManifest.xml
| 归档时间: |
|
| 查看次数: |
23872 次 |
| 最近记录: |