React Native环境配置

一、需要提前安装的物料

  1. Java 建议安装最新稳定LTS(Long Term Support)版本,这篇文章写的时候应该是21
  2. Android Studio 方便安装所需的各种依赖
  3. Node.js

二、React Native启动

我这里用的是无框架启动方式:reactnative.dev/docs/gettin... 按照步骤走,走到npm run android时,问题就来了。

三、遇到的各类问题

1、Error: SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.:stackoverflow.com/questions/2... 2、error Failed to install the app. Command failed with exit code 1: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081 FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > NDK not configured. Download it with SDK manager. Preferred NDK version is '27.0.12077973'.: 这个错误需要通过Android Studio安装NDK,勾选show package Details选择相应版本:

这里有个坑点:报错提示显示推荐使用27.0.12077973,但你装了之后没有用,因为要装build.gradle里的版本:

3、 CMake '3.22.1' was not found in SDK, PATH, or by cmake.dir property. * Try: > Run with --stacktrace option to get the stack trace. 一样的根据提示用Android Studio安装CMake选择相应版本。

4、最后启动成功,手机安装完包后,会是这样:

结语

在每次报错后都需要重新运行npm run android命令,其中会多次安装各种依赖,而且依赖的下载速度特别慢,只能慢慢等。(有提高下载速度的办法欢迎留言☺)

相关推荐
夜郎king4 分钟前
HTML5 SVG 实现日出日落动画与实时天气可视化
前端·html5·svg 日出日落
lbb 小魔仙1 小时前
【HarmonyOS实战】OpenHarmony + RN:自定义 useFormik 表单处理
react native·harmonyos
夏幻灵1 小时前
HTML5里最常用的十大标签
前端·html·html5
Mr Xu_1 小时前
Vue 3 中 watch 的使用详解:监听响应式数据变化的利器
前端·javascript·vue.js
未来龙皇小蓝1 小时前
RBAC前端架构-01:项目初始化
前端·架构
程序员agions1 小时前
2026年,微前端终于“死“了
前端·状态模式
万岳科技系统开发2 小时前
食堂采购系统源码库存扣减算法与并发控制实现详解
java·前端·数据库·算法
程序员猫哥_2 小时前
HTML 生成网页工具推荐:从手写代码到 AI 自动生成网页的进化路径
前端·人工智能·html
龙飞052 小时前
Systemd -systemctl - journalctl 速查表:服务管理 + 日志排障
linux·运维·前端·chrome·systemctl·journalctl
我爱加班、、2 小时前
Websocket能携带token过去后端吗
前端·后端·websocket