2025 windows + react native +android studio+ java 配置开发环境(踩坑记录)

271 阅读2分钟

2025最新版的资料太少了,太恶心了,这点破玩意一会这不行一会那不行,所以记录一下,方便自己查阅,也方便大家看一看。

先说版本

  1. react native:v0.81.4
  2. android studio:Build #AI-243.22562.218.2431.13114758, built on February 25, 2025
  3. Java JDK:17.0.14+7
  4. Android SDK:35

安装

建议参考中文文档,这里不详细描述 搭建开发环境 · React Native 中文网

  1. 安装Java11JDK
  2. 安装node.js
  3. 安装android studio
  4. 配置环境变量:React Native 需要通过环境变量来了解你的 Android SDK 装在什么路径,从而正常进行编译。 -(1)ANDROID_HOME:你的安卓sdk安装目录 -(2)PATH:%ANDROID_HOME%\platform-tools
  5. 安装SDK:至少安装一个Android SDK Platform 35
  6. 在android studio中创建模拟器

创建项目

  1. 新版用npx搭建:npx @react-native-community/cli init AwesomeProject
  2. 项目创建好了后安装依赖:npm i
  3. 这里可能会出现各种问题,建议先别动,看看后面的踩坑记录,用android studio打开react native 项目(你的项目)下的android文件夹(即安卓工程),打开后就会直接下载相关android依赖。

运行项目

  1. 打开android studio
  2. 打开模拟器
  3. 运行命令:
    • cd 你的项目
    • yarn android
    • 或者
    • yarn react-native run-android

Typescript

新版react native 内置TS,默认启动TS项目。

踩坑记录

1.项目路径

不要包含中文,项目名尽量别用大写

2.JavaJDK

新版的要JavaJDK17 ,安装的时候记得勾选配置环境变量,省的自己再配置很麻烦 SDK地址:Latest Releases | Adoptium(是否是OPEN SDK,请自行验证)

3.Android Studio

配置使用JavaSDK17:file->setting->搜索一下gradle image.png

4.启动报错

image.png

问题:Unable to load script. Make sure you're eitherrunning Metro (run 'npx react-native start') or thatyour bundle 'index.android.bundle' is packagedcorrectly for release.

解决办法:新版的react native不用安装cli,直接用npx命令,如果没用就会曝新的错误:无法将"react-native"项识别为 cmdlet、函数..

在react native项目根目录下运行命令:npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

5.JAVA守护线程内存不足

参考:Android中设置org.gradle.jvmargs - 简书 在这里可以调 image.png

6.Android studio启动模拟器只在任务栏显示,却看不见界面

我的电脑CPU子是ARM的,需要对模拟器进行设置,设置完就能看见界面了 image.png

7 更改设备API版本

需要先下载API,relese版本不支持热更新 image.png

8 不支持热更新

relese版本不支持热更新,需要长期支持版本