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来确认手机与服务器之间连接正常