react native环境搭建的一些坑

一,前言

只会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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React Native 是一个基于 React 的框架,可以用于构建原生应用程序。在开始 React Native 开发之前,需要先搭建相应的开发环境。下面是 React Native 环境搭建的步骤: 1. 安装 Node.js 和 npm React Native 使用 Node.js 和 npm 进行构建和管理依赖。可以从 Node.js 官网下载对应平台的安装包,安装完成后,npm 就会随之安装。 2. 安装 React Native 命令行工具 打开终端或命令行窗口,运行以下命令: ``` npm install -g react-native-cli ``` 这个命令会全局安装 React Native 命令行工具。 3. 安装 Android Studio(仅适用于 Android 平台开发) 如果要进行 Android 平台开发,需要安装 Android Studio。可以从 Android Studio 官网下载对应平台的安装包,安装完成后,启动 Android Studio,并安装相应的 SDK 和 Android 虚拟设备(AVD)。 4. 配置 Android 环境变量(仅适用于 Windows 平台开发) 在 Windows 平台上进行 Android 开发时,需要配置相应的环境变量。可以在系统的“环境变量”中添加以下两个变量: - ANDROID_HOME:指向安装的 Android SDK 的路径 - PATH:在原有的 PATH 变量值后面添加 Android SDK 的 tools 和 platform-tools 目录的路径 5. 创建新项目 在终端或命令行窗口中,进入到要创建项目的目录,运行以下命令: ``` react-native init MyProject ``` 这个命令会创建一个名为 MyProject 的项目,其中包含了 React Native 的基本文件。 6. 运行项目 进入到项目的根目录,运行以下命令: ``` react-native run-android ``` 这个命令会启动 Android 模拟器,并在模拟器上运行项目。如果要在真机上运行项目,需要先将手机连接到电脑,并按照官方文档的说明进行配置。 以上就是 React Native 环境搭建的步骤,希望对你有所帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值