React-Native Primary 搭建问题

React-Native 2017-03

我们接着React-Native Primary 工具搭建这篇博客继续往下：

参考搭建开发环境这篇中文博客中所述，在修改项目这个步骤中有可能会出现以下问题。

对于这个问题网上的解决方法比较多，归结起来有以下几个：

• 项目中缺失index.android.js或index.ios.js文件
• 项目中有缓存
• 项目切换的时候没有更换命令行的目录地址

以上三个原因都有对应的解决方法，分别是：

• 检查一下项目是不是缺失了index文件，一般也不会缺失，如果缺失，那么就补上即可
• 针对有缓存的情况，可以先把react-native start启动的server停掉，一般关闭相应的cmd命令窗口即可。然后再删掉index.android.js或index.ios.js文件，接着Reload Js，再react-native start重新启动server，最后Reload Js。
• 检查命令行当前的路径是不是错误的，如果不是在当前目录，请切换到正确的目录即可。

当然还有其他方法，这里不再一一列举，从上面的方法看一般都是经验主义，没有从根本上找到错误的原因。下面详细叙述出现该问题如何解决。

创建完项目以后我们不要先着急run，推荐的处理顺序如下：

• 运行packager,启动Server

  react-native start

  这里由于端口号8081被本地Maven地址占用
  

  所以改用8082端口
  

• 检查Server是否启动成功

  在Chrome浏览器中打开

  http://localhost:8082/index.android.bundle?platform=android

  

  接下来我们验证一下当前主机IP打开
  
  到这里你就理解了为啥改用8082端口，而不是官方给的8081端口了。

• 运行Android

  react-native run-android  

• 设置Dev Settings

  在真机上，摇晃手机，进入Dev Settings，然后设置Debug server host & port for devices

  将上面检验通过的server地址填入即可

  10.200.15.143:8082

• Reload
  修改index.android.js或index.ios.js文件，然后Reload即可看到相应的变化！