Windows系统下搭建React Native开发环境 资料整理

1、window版本下 nodejs、npm安装配置步骤

友情链接 ：

http://xiaoyaojones.blog.163.com/blog/static/28370125201351501113581/

博客提及到的修改，需要特别注意，因为如果不做npm的默认配置的和cache的修改，会直接放在C盘默认的路径下，建议修改。

2、npm 下载慢

解决办法：

更换npm下载地址，友情链接：https://segmentfault.com/a/1190000002642514

3、react-native 在cmd命令中 “react - native 不是内部或者外部命令”

解决办法 ：

首先确保你已经运行了 npm install -g react-native-cli 命令，安装react-native。

然后检查环境变量，在Path中添加react-native的目录，如 ：E:\Program Files\nodejs\node_global ，这是我的目录，根据个人的情况而定。

4、开发工具

通过命令react-native init AwesomeProject对项目初始化之后。

android 原生部分使用Android Studio开发工具。

React Native的JS部分使用WebStorm开发工具。WebStom破解版下载友情链接：http://www.cosoft.cc/webstorm.html

5、真机设备白屏，但没有弹出任何报错

解决办法：本人用的M4的测试机，出现问题描述中的白屏情况。原因为“悬浮窗”的权限被禁止，应在安全中心，打开AwesomeProject的悬浮窗权限。M4的权限设置过程，首先在MIUI桌面找到【安全中心】并点此进入，点击进入【授权管理】，再点击进入【应用权限管理】，先切换到顶部的【权限管理】界面，然后再点击底部的【显示悬浮窗】设置，最后再找到需要显示悬浮窗的应用。选择【允许】，这样就可以开启某个应用的悬浮窗权限了。

6、Can’t find variable:_fbBatchedBridge

如下图所示



解决办法：

当你看见这个错误的时候，你离成功已经非常近了，下面是解决这个问题的步骤

在项目目录下执行cmd命令 react-native start

在cmd命令行运行 adb shell input keyevent 82或者摇晃设备，打开JS开发者菜单。

点击 Dev Settings。

点击 Debug server host for device。

输入电脑的IP地址和端口，中间用冒号隔开，（e.g 10.0.1.1：8081),在windows上，你可以通过ipconfig来读取到ip地址，端口使用8081即可。

重新回到开发者菜单，点击Reload Js。

总结

以上是我在搭建的过程中遇到的所以问题，整理完毕，当你看见



时，恭喜你，成功了。