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命令,其中会多次安装各种依赖,而且依赖的下载速度特别慢,只能慢慢等。(有提高下载速度的办法欢迎留言☺)

相关推荐
李李李勃谦12 分钟前
鸿蒙PC配色方案工具:取色、配色生成与 CSS 导出
前端·css·华为·harmonyos
Jul1en_37 分钟前
Claude 迁移 Codex 工作流迁移与更新
java·服务器·前端·后端·ai编程
Heo39 分钟前
14_React 中的更新队列 updateQueue
前端·javascript·面试
前端 贾公子1 小时前
解决浏览器端 globalThis is not defined 报错
前端·javascript·vue.js
宁雨桥1 小时前
前端与AI结合实战分享
前端·人工智能
之歆1 小时前
DAY12_CSS3选择器全攻略 + 盒子新特性完全指南(下)
前端·javascript·css3
kyriewen111 小时前
代码写成一锅粥?3个设计模式让你的项目“起死回生”
开发语言·前端·javascript·设计模式·ecmascript
光影少年1 小时前
react函数组件、类组件、纯组件、受控/非受控组件
前端·react.js·掘金·金石计划
程序员包打听1 小时前
MoonBit 是什么?给第一次听说这门语言的你
前端·后端
Rkgua1 小时前
CSS动画效果
前端·css