windows下react-native环境配置的那些坑

React Native 在Windows下的坑超级多，我从16号开始爬到20号，终于把所有的坑都爬完了。基本别人遇到的问题我都遇到了，别人没遇到的我也遇到了！所以在这里分享一下我的努力成果。

首先推荐两篇文章（首推第一篇）：

史上最全Windows版本搭建安装React Native环境配置

史上最详细Windows版本搭建安装React Native环境配置--江清清的技术专栏

里面把很多东西都说了，但是很多时候，并不是像他们那样那么顺利的.....下面说下我遇到的这些坑：

1.浏览器访问http://localhost:8081/index.android.bundle?platform=android 时失败，显示：

{"message":"Cannot find entry file index.android.js in any of the roots: ["C:\\Users\\shen\\myapp"]","name":"NotFoundError","type":"NotFoundError","status":404,"errors":[{}]}

网上查了很久就没发现有人有类似的问题，

摸索了一天，最后发现把 watchman 删除了就好，坑爹玩意。

所以如果大家如果遇到同样的问题，去检查一下环境变量有没有一些奇奇怪怪的东西吧。

 

2.说一下一些有用的指令：

   netstat  -ano|findstr  8081       查看8081端口是否被占用
   taskkill  /T  /F  /PID  8081       关闭PID=8081的进程（一般是关闭占用8081端口的进程，而不是8081）

   adb  devices                     查看连接的设备

   前两个指令能帮你解决很多端口问题，

   第三个指令能检查你的设备是否正确连接电脑了。

   尽量在开始之前运行一下这几个指令。

 

3.真机中存在的坑：

  在Android设备上运行react-native项目报错：

Could not get BatchedBridge, make sure your bundle is packaged properly

   进入项目，在android/app/src/main下新建assets目录

   然后命令行中输入：

$>react-native start
$>react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
$>react-native run-android

4.这个也是真机中才遇到的，react-native run-android时出现黄色Could not run adb reverse: Command failed:   adb reverse tcp:8081 tcp:8081 error Closed之类的字眼

   如果安卓5.0及以上，用指令adb reverse tcp:8081 tcp:8081 

   如果安卓5.0以下，用react-native start --host 192.168.155.1 --port 5554    固定IP和端口打开（用本地电脑IP和一个空闲的端口）
   然后手机APP里Debug server host & port for device也设置为这个端口和IP，同时手机权限允许APP开启悬浮窗。

5.下面介绍一下用Visual Studio Code运行react-native项目

在左边第5个图标“扩展”里搜索react-native tools,安装第一个

点击VS Code左边菜单上的按钮
，然后点击configure左端最上面的设置按钮
，选择 React Native 调试环境。
如下图：

然后选择debug android ，再点击绿色的三角符号，就可以调试了。

下面说一下另一种比较明了的步骤：

用VS打开别人的一个react-native项目，里面没有node_modules文件夹。

 点击‘查看’，调出‘集成终端’，实际上这个就是CMD，只不过在这里更加方便。

输入npm install,他会自动在目录下安装node_modules文件夹，如果项目里面有这个文件夹，就可以跳过这一步

安装完成：

继续输入：react-native start，开启服务器

 

点击cmd.exe旁边的+，打开新的终端(不要关闭上一个终端)，输入react-native run-android

它会自动在设备安装APP，完成后设备自动打开APP