React Native项目搭建


一年没做react-native相关开发了,果然不记笔记不行,忘了个七七八八,重新搭建项目时碰了一鼻子灰,果然还是要整理一下才行。

环境部分

官方教程已经比较详细,这里只记录碰壁和有疑问的部分
官方教程页

yarn

react-native在使用npm初始化项目时会有莫名其妙的问题,需要安装一下yarn来替代npm

1
npm install -g yarn

环境变量问题

按照官网给出的配置环境变量ANDROID_HOME后,可能会提示

1
SDK location not found. Define location with an ANDROID_SDK_ROOT environment variable or by setting

则需要将ANDROID_HOME修改为ANDROID_SDK_ROOT

修改后重启cmd依然提示not found,则直接重启电脑没错我就被这里卡了半天

项目部分

新建项目

使用以下命令来创建一个名为 MyTestApp 的项目

1
2
3
npx react-native init MyTestApp
cd MyTestApp
yarn install

连接模拟器

各大模拟器端口参考此文章-各种模拟器端口号及模拟器连接方式
以雷电为例

1
2
3
4
# 链接模拟器
adb connect 127.0.0.1:5555
# 查看是否连接成功
adb devices

问题解决

若提示以下问题

1
Error: Command failed: yarn add react-native --exact

nodereact-native的版本有问题,需要根据提示更换react-nativenode版本