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文件位置。