美文网首页
基于react-native的APP开发环境配置

基于react-native的APP开发环境配置

作者: SugeonYen | 来源:发表于2019-01-30 20:17 被阅读68次

    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

    解决方法很简单:

    相关文章

      网友评论

          本文标题:基于react-native的APP开发环境配置

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