美文网首页
React Native 入门+报错解决方案+Helloworl

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

作者: 南土酱 | 来源:发表于2023-08-11 19:24 被阅读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

    相关文章

      网友评论

          本文标题:React Native 入门+报错解决方案+Helloworl

          本文链接:https://www.haomeiwen.com/subject/apmtmdtx.html