mobile wallpaper 1
mobile wallpaper 2
mobile wallpaper 3
mobile wallpaper 4
276 字
1 分钟
React Native项目搭建
2022-03-10

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

环境部分#

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

yarn#

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

npm install -g yarn

环境变量问题#

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

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 的项目

npx react-native init MyTestApp
cd MyTestApp
yarn install

连接模拟器#

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

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

问题解决#

若提示以下问题

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

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

分享

如果这篇文章对你有帮助,欢迎分享给更多人!

React Native项目搭建
https://marrydream.top/posts/web前端/react-native项目搭建/
作者
茉铃
发布于
2022-03-10
许可协议
CC BY-NC-SA 4.0

部分信息可能已经过时

目录