React Native 环境搭建

最新推荐文章于 2025-12-02 23:01:17 发布

转载最新推荐文章于 2025-12-02 23:01:17 发布 · 74 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5bbf91995188255c5a0d1e9b

文章标签：

#移动开发 #runtime #java

本文详细介绍如何从零开始搭建React Native开发环境，包括安装Node.js、Watchman、Java、Android开发环境，配置环境变量，以及创建并运行React Native项目。解决常见错误如react-transform-hmr找不到及runtime包缺失等问题。

安装Node,watchman

brew install node
brew install watchman
复制代码

安装java, 必须8.0以上

javac -version
// javac 1.8.0_161
复制代码

安装android 开发环境.

// 8.0 及以上即可
Android SDK 
Android SDK Platform 
Performance (Intel ® HAXM)
Android Virtual Device
复制代码

配置环境

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
export PATH=$PATH:$ANDROID_HOME/emulator
复制代码

创建项目
```
react-native init myapp
复制代码
```
遇到问题：创建出来的版本是0.57.2，理论上会报错，报错信息是关于react-transform-hmr 找不到的错误，各种查找后，发现，目前0.57.1是成功的。于是：
```
react-native init --version="0.57.1" myapp
cd myapp && react-native run-android
复制代码
```