React Native 环境搭建

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. 安装Node,watchman

    brew install node
    brew install watchman
    复制代码
  2. 安装java, 必须8.0以上

    javac -version
    // javac 1.8.0_161
    复制代码
  3. 安装android 开发环境.

    // 8.0 及以上即可
    Android SDK 
    Android SDK Platform 
    Performance (Intel ® HAXM)
    Android Virtual Device
    复制代码
  4. 配置环境

    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
    复制代码
  5. 创建项目

    react-native init myapp
    复制代码
  6. 遇到问题: 创建出来的版本是0.57.2,理论上会报错,报错信息是关于react-transform-hmr 找不到的错误,各种查找后,发现,目前0.57.1是成功的。于是:

    react-native init --version="0.57.1" myapp
    cd myapp && react-native run-android
    复制代码

运行``还是会报关于runtime包找不到的错:

根据提示安装npm install @babel/runtime等等等,然后重新安装所有包,就大功告成啦。 环境搭建终于完成。。。。。

转载于:https://juejin.im/post/5bbf91995188255c5a0d1e9b

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值