React Native 入门+报错解决方案+Helloworl

2023-08-11  本文已影响0人  南土酱

先去官网按步骤 安装 jdk 和 Android Studio ,这里不搬砖

1. 确保 能运行 安卓模拟器并且 打开。

2. 官网的这配置一定要配

image.png

3 . 这部最好也安装一下

image.png
image.png

4. 如果您使用 yarn start 无法运行到 as 的 模拟器。

1 先打开您的 as 打开您的项目 然后 查看运行设备的 id


image.png

然后使用这个命令执行到指定设备


image.png
 yarn react-native run-android --deviceId "emulator-5554"

5 . 你一般都会卡在这一步, 这一步类似在安装依赖 巨慢!

image.png

解决:

在build.gradle 加上以下代码。 相当于更换下载源。速度起飞!

allprojects {
    repositories {
        maven{ url 'https://maven.aliyun.com/nexus/content/groups/public/'}
        maven { url "https://www.jitpack.io" }
    }
}
buildscript {
  repositories {
        maven{ url 'https://maven.aliyun.com/nexus/content/groups/public/'}
        maven { url "https://www.jitpack.io" } //看别的网友说 jitpack 现在要加 www
        google()
        mavenCentral()
    }
}

jitpack.io 无法访问或下载依赖库
jitpack.io 无法访问或下载依赖库_唐诺的博客-CSDN博客

image.png

6. 运行过程你可能会报错 8081 端口的错

Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081
我是在这个网友的回答解决的:
Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081 - 掘金 (juejin.cn)
主要就是 我的sdk 是自定义在 D 盘 ,故而我添加了 local.properties 然后指定 路径

image.png

最终运行成功:

image.png
上一篇 下一篇

猜你喜欢

热点阅读