React Native在win10环境搭建和真机调试遇到的问题汇总

参考资料——

官方文章

  搭建开发环境 · React Native 中文网

在设备上运行 · React Native 中文网

本机环境——

操作系统:window10 家庭中文版 + intel Core i3

java version :17.0.10

react-native version:12.3.0

Android Studio Hedgehog | 2023.1.1 Patch 1
 


参考官网基本满足大部分高配置机器完成环境搭建,但对真机调试遇到的坑提及不多,整理一些问题功参考。

问题1:运行RN项目报错:Android SDK提示Versions found

使用npx react-native doctor命令。提示如下:

解决方案:Android SDK设置里面把Android SDK Command-line Tools(lastest)勾上再Apply一下就可以了。

问题2:Cannot start server in new window because no terminal app was specified

这个问题是参考官网直接运行命令:npx react-native run-android  报的错

网上资料显示是RN新版本不支持直接命令运行,需要采用脚本方式运行:

npm run start

npm run android

对应package.json配置:

"scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start",
  },

问题3:INSTALL_FAILED_USER_RESTRICTED: Install canceled by user

安装apk至小米手机时,安装失败,报错提示“Failure [INSTALL_FAILED_USER_RESTRICTED: Install canceled by user]”

手机未打开“允许USB安装应用”选项,打开该设置即可。

前提:已打开开发者模式(小米手机打开开发者模式可参考小米手机_如何打开开发者模式?

打开"USB安装"后,需要将手机重插USB

问题4:调试需要开两个CMD窗口

1、在CMD中进入要启动的项目下,输入npm run start,等待启动Metro服务器

2、在Metro服务启动成功的情况下,重新打开一个CMD,进入项目目录下,输入命令npm run android运行,将代码编译打包为APK包安装到手机中。

注意此时手机上会弹出“USB安装提示”,选择继续安装,如果会接着弹出我们的App应用的相关设置,将显示悬浮窗设置为“允许”(否则可能会出现白屏)。

 问题5: 解决Gradle下载超时问题

当引入或者新建一个项目的时候,运行android编译的时候需要引入gradle,会报连接超时的错误:Gradle sync failed: Connection timed out: connect. If you are behind an HTTP········

Gradle 地址默认是github的外网地址,访问不到的话需要通过其他途径下载下来,然后在配置文件修改gradle位置,指定文件地址为下载下来的本机gradle文件位置。

问题6:android studio模拟器遇到不支持虚拟化Failed to install Intel HAXM

Intel代表的是英特尔,HAXM的全程是Hardware Accelerated Execution Manager,也就是硬件加速执行管理器。Intel HAXM是intel的硬件加速执行管理器,是一款可以使用英特尔虚拟化技术(VT)加快 Android开发速度的硬件辅助虚拟化引擎(管理程序)。

适用前提是CPU为Intel,需要进入BIOS界面打开Intel virtualization technology(虚拟化技术)。

开机时 屏幕左下角会出 Press ** to enter SETUP 那个**就是要按的键,本人的是Enter键。

一般情况下在configuration选项中,但是也有在Security选项中的

  • 19
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值