React Native从零单排1 开始

2021-05-11  本文已影响0人  房祥_a7f1
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来确认手机与服务器之间连接正常

上一篇下一篇

猜你喜欢

热点阅读