美文网首页我爱编程
React Native Install(踩过的坑)

React Native Install(踩过的坑)

作者: Kilimanjaroy | 来源:发表于2018-07-26 10:11 被阅读0次

    参考安装流程:React Native中文文档

    • 一、基本安装流程

      我的安装是 Windows x64 版本,用于开发 Android 应用
      • 1、安装 Node JS:我是去官网下载的安装包版的

      • 2、安装 JDK:官网下载

      • 3、单独安装 Android SDK 或者 安装Android Studio(会安装一个编辑器,Android SDK和模拟器):官网下载
        单独安装SDK的话运行 SDK Manager,(目前)安装如下组件。

        • Tools/Android SDK Tools
        • Tools/Android SDK Platform-tools
        • Tools/Android SDK Build-tools (23.0.1)
        • Android 6.0 (API 23)/SDK Platform
        • Extras/Android Support Repository

        安装Android Studio下载时可能安装包不包含SDK,但是在安装的过程会提醒你下载和安装SDK,按照提示就OK(SDK有环境变量配置)

      • 4、安装 react-native 命令行工具
        当node.js安装成功以后,可以使用npm命令,就可以去命令行
        (cmd)或者编辑器的终端(我的是VSCode)执行命令:
        # npm install -g react-native-cli便可成功安装

      • 5、创建一个新工程(注意要在工作目录下,不要在 Windows 默认目录下)
        react-native init Test

      • 6、在模拟器打开或连接支持 USB 调试的真机后,进入创建的工程目录
        react-native run-android

      • other:一个安装依赖的,与npm功能相同的东东: yarn
        安装方法:npm install -g yarn即可,与npm一样的使用方法,比如:yarn install 据大佬说,这个安装依赖比较快、可靠

    • 二、我遇到的坑

    其实上面的安装教程按照官网流程走一遍,那里的步骤和解释是更加清楚的,写这篇文章的目的只是为了纪念我因为两个坑浪费的光阴:

    坑1:安装 react-native 命令行工具后运行 react-native run-android时,死活跟我说 :'react-native不是内部或外部命令,也不是可运行的程序或批处理文件。'

    解决办法:添加环境变量:把node_global的路径添加到环境变量的Path中(系统和用户变量我都加了),我的是D:\node.js\node_global,然后我的就正常了,网上后来看到一个类似的改法,百度一下你就知道

    坑2:一直提醒我jdk的环境变量指向了一个无用的文件夹,但是我确实是直接复制过去的路径,之前学java的时候正常使用,javac命令也有效。。。网上说的分号、斜杠的问题我也不存在,我尝试了重装,重配仍然无效

    解决办法:jdk的环境变量确实出了问题,虽然表面上看是一模一样的,然而那个路径后面可能是复制过去的问题?反正就是路径后面带了N多的空格,也可能是我反复配置过好几次,留下的后遗症...

    总之就是,正常安装感觉都没有我这么'好'的运气...如果正常安装配置完以后,还运行失败,手机上报...500...的一个错的话,极有可能是代码的问题,反正我自己init的工程就是有错,后来拿了一个别人的来就好了,我......

    相关文章

      网友评论

        本文标题:React Native Install(踩过的坑)

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