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

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

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

史上最全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,安装第一个

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