前段时间在 开发者头条 收藏了 @天地之灵_邓鋆 分享的《 在Windows下搭建React Native Android开发环境 》,在 开发者头条 的抓取内容可以看到一部分,由于一直在休假就没有仔细学习,今天再次回顾我的收藏时却发现链接打不开(其实当时也有发现,只是这么说一下罢了)。于是,你应该知道怎么做的,最好的工具莫过于搜索而不是一味的抱怨说只能在mac上玩。之前因为react native ios肯定是只能在mac上玩,Android就不那么必须了。好了,我来开始搭建一下环境试试。
从 Java官网之JDK下载列表 下载JDK并安装。请注意选择 x86 还是 x64 版本。我在这里直接接受了 @天地之灵_邓鋆 的推荐将JDK的bin目录加入到了系统PATH环境变量。注意:下载链接不能直接使用,需要先接受协议(这里有存入cookies),可以通过 Java官网之JDK下载列表 下载JDK。
设置环境变量PATH:jdk的位置。例如:(PATH => D:/Program Files/Java/jdk1.8.0_60/bin)
单独安装Android SDK,在墙的环境下,为了速度我选择了使用 androiddevtools 。
设置环境变量ANDROID_HOME:Android SDK Manager的位置 例如:(PATH => D:/Program Files/Android SDK Tools)设置环境变量PATH:例如:(PATH => %ANDROID_HOME%/tools;%ANDROID_HOME%/platform-tools)
npm install -g react-native-cli
react-native init reactNative
This will walk you through creating a new React Native project in d:/www/project /reactNative events.js:85 throw er; // Unhandled 'error' event ^ Error: spawn npm ENOENT at exports._errnoException (util.js:746:11) at Process.ChildProcess._handle.onexit (child_process.js:1053:32) at child_process.js:1144:20 at process._tickCallback (node.js:355:11) at Function.Module.runMain (module.js:503:11) at startup (node.js:129:16) at node.js:814:3
windows下执行到这里就会报错,原因是npm在windows下的bug(来源于参考资料)。解决办法,直接clone项目主分支master。
git clone https://github.com/facebook/react-native.git cd react-native/react-native-cli && npm install -g
react-native init reactNative
这里最新的版本已经修复了 @天地之灵_邓鋆 提到的BUG。
在工程目录下运行
node node_modules/react-native/packager/packager.js
这条命令会看见程序开启了8081端口,并且运行 node node_modules/react-native/packager/packager.js 可以看见项目代码输出。
cd reactNative react-native run-android
如果没有安装安卓模拟器,这里可以直接使用真机安装测试。这个过程很漫长,等等等……
目前Windows下无法自动打开chrome进行调试,所以手动打开chrome,访问如下地址: http://localhost:8081/debugger-ui 即可。
FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > failed to find target with hash string 'android-23' in: D:/Program Files/Andro id SDK Tools * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. BUILD FAILED Total time: 10 mins 42.463 secs Could not install the app on the device, see the error above.
解决办法就是安装Android-23,对于上一篇关于ionic的文是需要Android-22。
Could not find com.android.support:appcompat-v7:版本号.
安装 Android Support Libraries
和 Android Support Repository
解决办法
选择菜单:Dev settings
选择项:Debug server host for device
设置编译环境PC的IP地址,例如:192.168.25.121
确保手机与编译环境在同一WIFI环境下(IP段相同),packager在运行状态下,重启APP
初始化欢迎界面就出来了,后面继续学习中……
这个hello world过程一波三折,主要归结为以下几点:
原文参考