• 史上最全Windows版本搭建安装React Native环境配置


    1、安装python 我选择安装的是(python-2.7.12.msi)

    2、安装jdk 我选择安装的是(jdk-8u111-windows-x64)

    3、安装android-studio  (最好是提前安装了android sdk 或者直接安装带有android sdk的android-studio)

    此处我选择的是安装带sdk的studio 记得一定要记住sdk安装的目录,后续配置会用上

    4、配置环境变量

    值是sdk的目录地址(若原本没有path这个环境变量,则请新增,我这里是因为有了,直接把值加入其中即可)

    path中增加一条为platform-tools目录地址的环境变量值

    配置jdk环境变量,值即为jdk安装目录

    5、运行android studio

     

    注:此处创建一个空的android项目,为的是每次打开都提示让创建很烦躁

    此时,你就可以看到一个安卓手机模拟器了

    6、安装react-native-cli

    npm install -g yarn react-native-cli
    

    7、创建你的第一个react-native项目  

    react-native init AwesomeProject
    cd AwesomeProject
    react-native run-android
    
    AwesomeProject 是项目名称,即你创建的项目文件夹名称

    此时此刻你一定会等待很久,如同下方的图:

    此时是因为你的电脑没有FQ,他正在下载gradle-2.4-all,下载不下来,那么给你一个地址,你去手动下载吧http://www.androiddevtools.cn/

    下载下来之后,记住,不要解压,直接放在那里

     然继续执行:react-native run-android,在你等待很久之后,又会出现以下错误

    
    

    此时打开sdk下面的

    我们看到我们只有24.0.3 和25.0.2这两个版本的sdk

    找到React Native下的app修改他的build.gradle文件:

    改成sdk build-tools下面有的版本,此处我们改成24.0.3,如下图

    接下来继续运行react-native run-android,又报错了

     

    网上说把Android项目下的build.gradle

     

    把1.3.1改成1.2.3,后继续运行react-native run-android。

    成功了!切记环境变量JAVA_HOME一定要配置正确,如何检测JAVA_HOME有没有配置正确,直接在cmd里面运行java看是否能打出东西!

    切记node版本不要过低,我有同事版本是4.4.0就无法正常运行,然后把node升级到6.4.0就能正确运行了!

    谢谢大家的观看,若有其他疑问请在下面提出哈!欢迎讨论!

     

  • 相关阅读:
    CUBRID学习笔记 4 端口和win7下连接数据库cubrid教程
    CUBRID学习笔记 3 net连接数据库并使用cubrid教程示例
    CUBRID学习笔记 2 安装教程
    CUBRID学习笔记 1 简介 cubrid教程
    vs无法打开项目的解决方案
    迷你sql profile,给缺少sql跟踪的朋友们
    EntityFramework 开始小试
    网站安全扫描工具--Netsparker的使用
    ServiceStack.OrmLite 笔记10-group having 分页orderby等
    pyqt5 笔记(四)cx_Freeze 实现代码打包exe
  • 原文地址:https://www.cnblogs.com/bo-haier/p/6171180.html
Copyright © 2020-2023  润新知