前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >react-native的APP开发环境配置

react-native的APP开发环境配置

原创
作者头像
conanma
修改2021-11-02 18:00:30
修改2021-11-02 18:00:30
8200
举报
文章被收录于专栏:正则正则

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 模拟器就会自动连接上我们的项目了

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

解决办法:项目根目录\android\app\src\main 创建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

解决方法很简单:

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档