React Native运行中的坑(MAC)

序言

在此对于React Native开发环境的配置不做赘述,直接在正常环境下进行开发/运行,如果没有配置好可以查看React Native 官方文档,在此介绍常见的问题

开发工具

js工具:
VSCode 建议使用,性能好,比较精简,Mac版本的VSCode使用方法,后面本人加上相应的博文,供大家学习
android工具:
Android Studio当然就是我们常用的工具了,使用国内镜像,不翻墙搞定它

问题

错误e.g,在此使用真机进行调试
这里写图片描述
这里写图片描述
这个错误我想大家都可以看出来时手机未连接到服务器
1.手机是否与电脑在统一ip网段下
2.是否设置了服务器代理
3.服务器是否已经运行了js
有些同学经常会碰到adb 连接不上设备的情况,再次提供大概的解决方法:
1.命令:adb devices 查看adb是否正常
2.不正常运行:adb kill-server 关掉adb 服务
3.重启:adb start-server,然后回到第一步

解决

备注:在此我只做了Android5.0以下的调试

1.查看自己的ip4地址是否与电脑在同一网段

 e.g: 电脑:192.168.0.102
        手机:192.168.0.102
        两者一致正常

2.设置服务器代理,在此代理不是在我们自己手机的wifi连接里面打开对应wifi下载代理而是

     1.运行我们的项目
     2.摇动手机(React Native项目应该添加了感应器)
     3.选择弹出框最底部的Dev Settings,点击打开
     4.打开Debugging下的
         Debug server host & porter devide进行设置
         e.g:192.168.0.102:8081(此ip为电脑当前ip,端口默认为8081)
     5.设置完成重新摇动手机Reload点击重新加载,Android也可以通过点击菜单键进行弹出

3.进行完第2步如果还是类似提示那么很可能就是我们电脑服务器还没有运行js造成的

   1.打开终端,cd到我们的项目目录下
   2.cmd:react-native start运行服务器    

操作
进行完上面这些你就可以看到我们的”Hello World”了

如果是在Android 5.0及以上或者官方文档讲解的请参考:
React native中文版文档

友情提示:亲们,记得Star哟~~~!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值