react-native的APP开发环境配置

2021-11-02 18:00:30 浏览数 (3)

1. 首先要有jdk 版本1.8 环境变量必须要有 %JAVA_HOME%;%JAVA_HOME%bin

2.python 版本2 必须是python2(官方文档这么写的,具体不知道为啥) 环境变量两个 python根目录和scripts目录; 这边顺便提一嘴,win下python2与python3的共存问题,只需要将python相关的执行文件改名(例如python3、pip3),环境变量配两套就OK了

3.Android Studio的环境变量也要配置%ANDROID_HOME%tools;%ANDROID_HOME%platform-tools

具体AS的安装步骤网上说的很详尽,但是千万注意要下载第二章图的23.0.1,不要问我为啥,这么干就是好使!

5.安装react-native 脚手架 npm install -g react-native-cli

创建应用react-native init AwesomeProject

7.开启我们创建的应用 react-native start

8.执行 react-native run-android 模拟器就会自动连接上我们的项目了

AS自带模拟器

这里要注意:必须打开电脑BIOS的虚拟功能(坑爹,搞了好久才知道)

第三方模拟器:夜神模拟器

连接夜神模拟器 adb connect 127.0.0.1:62001

查看状态

开启我们创建的应用 react-native start

执行 react-native run-android 模拟器就会自动连接上我们的项目了

执行之后模拟器上可能会报这个错误:

解决办法:项目根目录androidappsrcmain 创建assets文件夹

然后在项目根目录执行:react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

注意:这边有一个大坑!!!!! 点击reload之后会报错

此图片来源于https://segmentfault.com/q/1010000008938938

解决方法很简单:

0 人点赞