React Native踩坑之路 — 运行Android项目的各种坑坑(Windows)

之前我们已经初始化了一个Raect Native 项目，验证了Android环境的正确性，接下来就运行起来吧！

运行命令：

       ① react-native start

       ② react-native run-android

运行步骤：

1. 执行①命令react-native start后是这样的效果（如下图）

     

2. 第一步命令完成后，我们要先启动模拟器或者连上手机才可以进行第二步。用adb devices验证是否连接模拟器或真机的。

    输入命令后如果连接模拟器，则是如下类似结果

    

3. 执行命令② react-native run-android，然后打开模拟器

    如果正常出现如下界面就是成功运行：

    

否则，出现红屏报错。以下列举出了我运行时候遇到的一些错误，都于Windows+Android发送，其他情况暂未考虑.

一，妖气1：Could not run adb reverse:Command failed: D:\SDK/platform-tools/adb -s 127.0.0.1:62001 reverse tcp:8081  tcp:8081.

      

      解决：我使用genymotion模拟器，在genymotion中选择5.0以上版本的手机（要求模拟器必须是5.0以上版本）

二、妖气2： Unable to load script from assets 'index.android.bundle'.Make sure your bundle is packaged correctly or you're  running a packager server. 如下图

       

      解决：点击菜单栏弹出弹框，选Dev Settings —》选Debug server host & port for device —》输入IP地址和端口（端口固定  8081）

  

三、妖气3：node报错error:bundling failed:Error:Unable to resolve module 'AccessibilityInfo' from ......如下图（好像只有  Windows有这个问题，因为同事用mac没遇到）

      

      解决：如上图它已经指出了四种解决方案，然鹅悲惨的是，我试过了四种方法都没能解决问题！

      然后偶然发现了一种解释：可能是react-native版本的问题，目前版本从package.json中可看出是0.56.0版本，这个版本可能         不太稳定或是有bug，将其降级到0.55.4版本后发现可以了

四、妖气4：error:bundling failed:Error:Plugin 0 specified in "C:\\路径\\babel-preset-react-native\\index.js" provided an  invalid.....  （这个好像也是Windows的问题，同事同样用mac没有遇到这个问题）

      

      解决：执行命令npm install --save-dev babel-preset-react-native@2.1.0

                 我之前babel-preset-react-native的版本是5，改为2.1.0就好了，原因我也不是很清楚啦！

 

暂时就是这么多，后续发现再补充。。。