React-Native：为什么在 iOS 设备上测试时出现网络错误答案

【问题标题】：React-Native: Why do I get network errors when testing on iOS deviceReact-Native：为什么在 iOS 设备上测试时出现网络错误
【发布时间】：2018-07-30 03:18:36
【问题描述】：

我目前正在用 React Native 开发一个应用程序。在模拟器上测试完所有内容后，我决定在物理 ios 设备上运行我们的应用程序。

当我尝试连接到我们的 API（获取）时，我收到以下错误（每次尝试连接时都会不断重复）：

nw_connection_get_connected_socket 12 Connection has no connected handler
2018-02-19 21:28:59.652134+0100 myApp[12063:4504022] TCP Conn 0x1c016b100 Failed : error 0:61 [61]

奇怪的事情：如果我在我的设备上打开远程 JS 调试，它可以正常工作。我认为它有效，因为它正在使用我的笔记本电脑的连接。

任何帮助将不胜感激。

【问题讨论】：

我总是在 Xcode 日志中反复看到这个错误，并认为它与 react-native 而不是我的项目有关。我的 fetch 调用没有问题。
您找到解决方法了吗？我也在与同样的情况作斗争，已经失去了一整天的工作。

标签： ios xcode reactjs react-native fetch

【解决方案1】：

你的服务器是 HTTPS 吗？

如果是，我也不确定是什么问题。

但如果没有，那么您可能还没有在 iOS 应用的配置中添加服务器的域来启用不安全的提取。

您可以通过 Xcode 或在“./ios/YOUR_PROJECT_NAME/Info.plist”文件中添加它。

添加后info.plist 文件的一部分应如下所示：

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSExceptionDomains</key>
    <dict>
        <key>localhost</key>
        <dict>
            <key>NSExceptionAllowsInsecureHTTPLoads</key>
            <true/>
        </dict>
        <key>192.0.2.1:3000</key>
        <dict>
            <key>NSExceptionAllowsInsecureHTTPLoads</key>
            <true/>
        </dict>
    </dict>
</dict>

【讨论】：

【解决方案2】：

消除错误的 8 个步骤“nw_connection_get_connected_socket 连接没有连接的处理程序 TCP Conn 失败：错误 0:61 [61]”

1-Xcode 菜单 -> 产品 -> 编辑方案...

2-环境变量->添加->Name: "OS_ACTIVITY_MODE", Value:"disable"

3-Xcode 菜单 -> 产品 -> 清洁

4-Xcode 菜单产品 -> 'clean build folder'（按住选项键）

5-安装 react-devtools：npm install -g react-devtools

6-运行 react-devtools：react-devtools

7-在您的项目中，编辑 node_modules/react-native/Libraries/Core/Devtools/setupDevtools.js，将“localhost”替换为您的开发机器的 IP 地址。

8-Build Project - （第一次需要很长时间）

React Native nw_connection Errors的这个步骤，如果问题仍然存在；按照图片链接上的步骤操作（它将隐藏日志无法解决）

image link -->this will hide logs and lets build (if build failing) not solves problem exactly

【讨论】：