React Native iOS 真机调试

正确的操作步骤:

前置动作:1.退出所有的相关的终端,在真机调试之前你可能进行了模拟器的调试

                2.确认手机和电脑是在同一个无线网下面。

操作步骤:1.查看电脑的局域网地址,在terminal中输入ifconfig命令,即可查看

《React Native iOS 真机调试》

               2.用Xcode打开项目

《React Native iOS 真机调试》

              3.打开AppDelegate.m文件,修改jsCodeLocation地址:

《React Native iOS 真机调试》 IP地址换成前面terminal中查看到的ip地址

             4.直接cmd + R run起来即可

碰到的问题主要是:Could not connect to development server

《React Native iOS 真机调试》

这个问题理解起来很简单,连不上服务器。这类的访问实际上类似于tomcat访问,只不过这里的服务器是npm。下面讲下我碰到的情况:

1.mac电脑设置了防火墙

解决方案,在系统设置里关闭防火墙

2.node或者npm的版本有问题

解决方案,全部更新至最新的版本

《React Native iOS 真机调试》 我的版本

3.还有一个就是iOS9的网络访问问题

其实在Xcode项目的plist文件里已经有App Transport Security Settings,关键是默认的设置是只允许localhost访问,不允许别的访问,那么就得修改下这儿。你可以从别的项目那儿copy这个过来,也可以直接改下如下所示:

《React Native iOS 真机调试》

    原文作者:阮腾飞
    原文地址: https://www.jianshu.com/p/cc64bcb58df2
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞