完整版 React Native 环境搭建android 亲试有效

https://reactnative.cn/docs/environment-setup

遇到一些问题

-联想模拟器adb端口

在这里插入图片描述

- yarn android 执行打开nodejs yarnstart 之后没反应

更换 java jdk的版本 11.0.15 windowsX64

-error : error Failed to launch emulator. Reason: No emulators found as an output of emulator -list-avds.
  1. 注意环境变量是否正确 我这里使输错地址才找不到的,具体路径是 Android Studio 的"Preferences"下Appearance & Behavior → System Settings → Android SDK
    在这里插入图片描述注意 :一次只能输入一次路径
    在这里插入图片描述注意:java的版本一般是8和11 看清楚官方文档写的版本限制
    在这里插入图片描述

注意:ANDROID_SDK_ROOT 没效果的话 更改为ANDROID_HOME

效果: adb java javac 的命令都输一遍

推荐链接

https://blog.csdn.net/qq_35086097/article/details/122968188

关于调试

使用谷歌浏览器来调试

  1. 使用谷歌浏览器即可
  2. 不能查看标签结构
  3. 不能查看网络请求

使用rn推荐的工具react-.native-debugger来调试

  1. 可以查看标签结构
  2. 不能查看网络请求
  3. 想要查看网络请求

找到项目的入口文件index.js,加入以下代码即可

GLOBAL.XMLHttpRequest = GLOBAL.originalXMLHttpRequest || GLOBAL.XMLHttpRequest
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React Native 是一个基于 React 的框架,可以用于构建原生应用程序。在开始 React Native 开发之前,需要先搭建相应的开发环境。下面是 React Native 环境搭建的步骤: 1. 安装 Node.js 和 npm React Native 使用 Node.js 和 npm 进行构建和管理依赖。可以从 Node.js 官网下载对应平台的安装包,安装完成后,npm 就会随之安装。 2. 安装 React Native 命令行工具 打开终端或命令行窗口,运行以下命令: ``` npm install -g react-native-cli ``` 这个命令会全局安装 React Native 命令行工具。 3. 安装 Android Studio(仅适用于 Android 平台开发) 如果要进行 Android 平台开发,需要安装 Android Studio。可以从 Android Studio 官网下载对应平台的安装包,安装完成后,启动 Android Studio,并安装相应的 SDK 和 Android 虚拟设备(AVD)。 4. 配置 Android 环境变量(仅适用于 Windows 平台开发) 在 Windows 平台上进行 Android 开发时,需要配置相应的环境变量。可以在系统的“环境变量”中添加以下两个变量: - ANDROID_HOME:指向安装的 Android SDK 的路径 - PATH:在原有的 PATH 变量值后面添加 Android SDK 的 tools 和 platform-tools 目录的路径 5. 创建新项目 在终端或命令行窗口中,进入到要创建项目的目录,运行以下命令: ``` react-native init MyProject ``` 这个命令会创建一个名为 MyProject 的项目,其中包含了 React Native 的基本文件。 6. 运行项目 进入到项目的根目录,运行以下命令: ``` react-native run-android ``` 这个命令会启动 Android 模拟器,并在模拟器上运行项目。如果要在真机上运行项目,需要先将手机连接到电脑,并按照官方文档的说明进行配置。 以上就是 React Native 环境搭建的步骤,希望对你有所帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值