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

react

之前我们已经初始化了一个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 [email protected]

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

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

以上是 React Native踩坑之路 — 运行Android项目的各种坑坑(Windows) 的全部内容, 来源链接: utcz.com/z/383322.html

回到顶部