美文网首页
React Native从零单排1 开始

React Native从零单排1 开始

作者: 房祥_a7f1 | 来源:发表于2021-05-11 09:02 被阅读0次
    RN版本:0.61.5
    系统:Win10
    

    前言

    本系列文档是React Native学习笔记,主要记录学习过程中遇到的问题和注意点。
    如果有人希望按照此文档开始学习,那么最好有一些Android和前端开发基础,因为此文档只会记录作者的学习过程中的重点难点,而不会详细列出每一个步骤。

    环境

    React Native 开发必须安装的依赖有:Node、Python2、JDK 和 Android Studio。

    注意:Node 的版本应大于等于 12,Python 的版本必须为 2.x,而 JDK 的版本必须是 1.8

    开发

    新建项目

    cd至目标目录下,执行命令

    react-native init BookReacer
    

    运行项目

    在项目文件夹下执行命令(以Windows下的Android平台为例)

    react-native run-android
    

    错误

    可能会遇到以下错误

    错误1

    SDK location not found. Define location with an ANDROID_SDK_ROOT environment variable or by setting the sdk.dir path in your project's local properties file at 'F:\source\ReactNative\2.src\BookReader\android\local.properties'.
    

    解决方法

    在android文件夹下新增local.properties文件,并配置AndroidSdk地址

    错误2

    Error: Unable to resolve module `./index.android` from ``:
    

    解决方法

    在根目录下新增index.android.js文件

    错误3

    Error: Could not connect to development server ``:
    

    解决方法

    1.确保包服务器在运行,如果没有,执行react-native start
    2.在浏览器使用http://localhost:8081/index.android.bundle?platform=android来确认包服务器运行正常
    3.确保你的设备或者模拟器连接着电脑,并且手机打开了USB调试模式,然后在cmd中运行adb devices来查看已经连接好的设备列表
    4.确保飞行模式是关闭的
    5.如果是使用真机来开发,输入 adb reverse tcp:8081 tcp:8081来检查设备
    6.可以在手机浏览器上输入IP:8081/index.android.bundle?platform=android来确认手机与服务器之间连接正常

    相关文章

      网友评论

          本文标题:React Native从零单排1 开始

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