一，前言

只会vue的我，这两天算是跪在RN上了！！
按照官网搭建开发环境，结果各种坑，各种报错……要是这几天的基金股票也像我屏幕一样到处红就好了！！！
说正题哈：官网的搭建教程在这里：https://reactnative.cn/docs/environment-setup
刚开始也是使用官网的android studio安装，然后不行，最后是照着这个视频里面的操作安装的。
https://www.zhihu.com/people/liu-guan-jun-78/zvideos
具体的操作，结合这两份教程就可以了，我主要记录一下这两份教程中隐含的一些坑。

二，主要需要安装的东西有以下几个

照着我写的顺序，挨个排查，基本上能知道自己安装是哪里出问题了，然后对应的上网搜索一下那一步的解决方案，基本上可以解决问题。

1，安装node

node的安装具体看对应的教程，因为做前端的，基本上都有这个的，安好之后记得配置环境变量
安装成功标志：

node --version

npm --version

出现版本号，说明安装成功：

2，JDK

注意 Node 的版本应大于等于 12，而 JDK 的版本必须是 1.8
至于这个JDK主要是要注意版本号，必须是1.8版本，也就是这个命名中带8u的。

安装后需要配置环境变量。这里我按第二个教程配置用户变量不行，就直接在系统变量中配置完整路径了：

安装完成标志：

javac -version

出现版本号，说明这一步也完成了，没有问题。

3，安装python 2.x版本

这个安不安无所谓，不过我最后搭建成功的状态下，它是安装了的，所以最好还是安装一下，这个很快的。
注意必须是2.x版本哈。下载好之后，直接下一步下一步就安装好了，没啥可说的。

完成标志：

python --version

出现版本号则说明安装完成：

3，安卓的SDK的安装（这是重点）

我是采用第二个教程的资料，这个网站https://www.androiddevtools.cn/
下载这个：

按照视频资料说的，无需安装，直接解压到一个文件夹就可以：D:\Program Files\sdk

刚开始文件可能比这里要少，主要用到红圈中的文件。
双击"SDK Manager",来运行这个工具，安装相应的东西。
我照着视频安装，但是还是报错了，提示android sdk build-tool需要29.0.2，这里我把所有我安装的贴出来吧：
Tools:

设置环境变量：

完成标志：

adb

出现一大堆信息，则安装好了，注意这里只是安装好了，是不是完成或者正确是心里没底的！因为后续继续安装东西和这里的东西发生关联，后续才知道这里到底有木有问题，现在，只要adb出现了下面的信息，就默认到这一步是没有问题的。

4，配置gradle,这个是打包时需要使用的

这个不安装也没事，安装了也没事，因为如果没有的话，到时候运行项目会帮你安装，只是会让运行项目花的时间比较久。
我是让它自动安装后，再自己创建环境变量的：

5，夜神模拟器的安装

下载下来直接安装就可以了。

完成后打开：

这时候，就需要校验之前安装的adb了，它是用来连接和检测连接设备的。
先打开夜神模拟器，
然后随便目录下，打开命令行：adb devices

能出现这个连接的地址最好不过，但是我出现过两种情况，
第一种，是没有设备连接的情况，这个视频里面也有出现，解决方法视频里面有，就是去到夜神模拟器安装目录的bin目录下，运行命令行：

nox_adb connect 127.0.0.1:62001

然后再adb devices就会发现正常了。
第二种，则是报类似这样的错误：adb server version (36) doesn’t match this client (41); killing.
这是因为安装的adb和夜神模拟器的adb版本不兼容导致的，网上有现成的解决办法：

你自己安装的 adb 文件夹下的 adb.exe 复制到模拟器的 bin 目录，并重命名为 nox_adb.exe 替换原有的。重新进行链接即可。

完成模拟器连接的结果就是：

6,我还安装了react native-cli这个脚手架工具。（但是不建议装，因为后来我用它新建RN项目时，发现有冲突，导致新建不了项目，后来就卸载了它，于是新建项目和运行项目都可以了。）

三，一些坑点

1，安装react native-cli后 react-native run-android运行的项目，路径上不能有中文！！必须全是英文，

这个我是没想到的，后来修改了才运行成功。

2，多次尝试运行同一个项目后，可能会因为模拟器上已经安装了该项目，导致失败

需要把模拟器上的APP删除，或者重新运行一个项目。，或者清空模拟器数据。

3，最容易出错的地方，就是安装安装的SDK，是限定死必须安装那几个版本的包！注意版本！注意版本！注意版本！

4，还有一个点就是gradle的安装，按照视频，和网上其他教程，我全部都不行，最后迫不得已让它运行项目自己安装，结果突然就好了？？

这里我还内搞懂，其他的，只要满足我文中的这些条件，RN项目运行起来还是可以的。

四，项目运行成功标志

然后夜神浏览器上会安装这个APP

五，在android studio上面使用夜神模拟器的方法

https://my.oschina.net/u/4338157/blog/4784998

react native环境搭建的一些坑相关推荐

逻辑性最强的React Native环境搭建与调试
ReactNative系列文章: 1.<逻辑性最强的React Native环境搭建与调试> 2.<ReactNative开发工具有这一篇足矣> 正文 React Native ...
React Native 环境搭建步骤
之前一直用RN写APP,但是真正对于RN的安装以及环境配置缺不太了解.相当于站在巨人的肩膀.这次,研究RN的同事离职,所以这块儿就必须要接手.从新搭建了一次环境.在此记录一下. 一.RN环境搭建的必须 ...
React Native 环境搭建
搭建开发环境在React Native官网 https://reactnative.cn/docs/environment-setup 网址上有两种环境,一种完整原生环境,所谓原生环境, RN之所以 ...
webstorm 运行android,Windows React Native环境搭建:webstorm+android studio 及解决热更新
工具准备: SDK Android SDK Build-tools:23.0.1 SDK Platform:Android N .6.0 .5.1.1.5.0.1.4.4.2.4.1.2 Androi ...
React native 环境搭建遇到问题解决(android)
新建项目 react-native init TestApp 运行项目 react-native run-android 不好意思,错误马上就到了问题一通常遇到这个错误之后,系统会给出这个具体详情 ...
Mac M1 搭建 React Native 环境
Mac M1 搭建 React Native 环境环境安装可以参考对照官方文档,本文针对M1芯片目前未完全适配情况下的方案,算是临时解决方案,不具有时效性. 你需要自行准备的依赖:Xcode &g ...
史上最详细Windows版本搭建安装React Native环境配置
说在前面的话: 感谢同事金晓冰倾情奉献本环境搭建教程之前我们已经讲解了React Native的OS X系统的环境搭建以及配置,鉴于各大群里有很多人反应在Windows环境搭建出现各种问题,今天就特 ...
react native windows 搭建（完整版）
声明:用windows 搭建的react native只能开发安卓应用 1.准备安装java jdk,以及Android SDK 传送门: java JDK Android SDK(自行寻找) ...
React Native 环境配置
搭建环境笔记记录: 搭建开发环境安装node, watchman brew install node brew install watchman 复制代码设置镜像加速 npm config set ...
React 开发环境搭建
先来一个 React 官方文档的链接点击跳转搭建 React 的前期准备:你的本地环境需要安装 cnpm.node. 注:代码块中的 $ 代表: $后面是在命令行输入的命令,举例 $ npm s ...

react native环境搭建的一些坑