首先不得不先吐槽一下自己,一个坑总是踩很多次,且乐此不疲。 咋办? 写博客记录记录呗。
最终能够达到的目的:在手机上能够运行第一个React-Native应用~
以备后用,已将安装包上传到了网盘 密码:bqbc
记录下Java里面的三个术语理解
JDK是什么?
答曰:JDK乃【Java开发工具包】 (Java Development Kit ) 的缩写, 是一种用于构建在 Java 平台上发布的应用程序、applet 和组件的开发环境
JRE是什么?
答曰:JRE乃【Java运行环境】(Java Runtime Environment)的缩写, 其包含JVM标准实现及Java核心类库
JVM是什么?
答曰:JVM是【Java虚拟机】(Java Virtual Machine)的缩写
下载安装配置JDK
D:\Software\JavaJdk
D:\Software\JavaJdk
②classpath(.;开头):.;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar
③追加path变量的值:;%java_home%\bin
到android-studio下载SDK。 运行installer_r24.4.1-windows.exe安装、或zip解压出来的SDK Manager.exe
然后我安装了以下这些包(我的react-native版本是0.40.0)
被镜像坑了,所以不推荐镜像,直接修改hosts文件就成--->去找最新的hosts 镜像地址--->去找最新的镜像地址
使用镜像安装不了23.0.1的同学趁早换hosts的方式或者挂V**。
访问外国网站还是得备个V**呐~~~
①ANDROID_HOME:D:\Software\JavaAndroidSdk
②追加path变量的值: %ANDROID_HOME%\platforms;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;%ANDROID_HOME%; 我的Path图
失败自行回退检查~~
node官网历史版本修改下载链接的值就能下载历史版本了 如:我使用的是版本是V6.2.0 然后就是node的一些设置了 npm config set prefix "D:\Program Files\nodejs\node_global
//设置全局包目录 npm config set cache "D:\Program Files\nodejs\node_cache
//设置缓存目录 npm config set registry https://registry.npm.taobao.org
//设置淘宝镜像
之前有安装过node,卸载旧版重新安装到之前的目录就==升级了 npm升级命令npm update
F:\ReactDemo
npm install -g react-native-cli
react-native init yimoapp
cd yimoapp
react-native start
如果你碰到了ERROR Watcher took too long to load的报错,请尝试将这个文件中的MAX_WAIT_TIME值改得更大一些 (文件在node_modules/react-native/目录下)。 成功运行这时候可以用浏览器访问http//localhost:8081/index.android.bundle?platform=android查看服务端是否已成功启动 adb devices
react-native run-android
构建工程并自动安装到手机 不要慌,先做点准备工作。手动下载gradle-2.4-all.zip到本地 修改 F:\ReactDemo\yimoapp\android\gradle\wrapper\gradle-wrapper.properties
文件的distributionUrl
配置为[本地的gradle-2.4-all.zip路径]以使其可离线下载
可能会有一个这样的错误,奇怪的是第一次安装有,这一次安装就没有遇到了。
将android/build.gradle文件中的 classpath 'com.android.tools.build:gradle:1.3.1' 改为 classpath 'com.android.tools.build:gradle:1.2.3' 。猜测是插件包不兼容导致。
咋办。摇一摇说不定有奇迹
在回退刷新前。我去改了改index.android.js
,好了回到页面摇一摇然后刷新
总结记录是很有必要的。 有很多问题是在Java和Android环境没有弄好的情况下会出现的。
参考文章:
一天就这样结束,一天就这样开始。