初学react native 配置时的一系列问题

一时兴起想看看react框架,看完一个入门课程就直奔react native 而来。本人一直从事的是web方面的开发没做过app项目,看到这么多环境配置有点头蒙,只好 跟着官网上的步骤一步一步做。

安装Python 和node 自然是没问题了, 不喜欢搞chocolatey,就去官网下载msi 文件直接傻瓜安装。

然后是安装yarn (类似npm 的包管理工具,可以加速node模块下载) 和react-nactive-cli (React nactive 的命令行工具) ,这一步自然是也没问题了。通过npm install -g yarn react-native-cli 安装(npm 要用淘宝镜像 npm config set registry  https://registry.npm.taobao.org --global)。

最后要安装android studio (提供了native 所需的sdk 和模拟器)。首先要安装jdk 1.8 及以上版本,然后去下载安装android studio 。我的android studio 是之前看ionic 时下载的,所以我 的一些步骤就省略了。

到了修改注册表时就出了一点问题,我找不到  HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Android SDK Tools 这个目录,怎么办呢,百度一下也没看到合适的答案,没办法自己创建一个 Android SDK Tools 项,在新建一个字符串值将其名称设置为Path,双击Path 将其值设置为android sdk 路径。

然后初始化和运行项目:

react-native init AwesomeProject
cd AwesomeProject
react-native run-android
react-native run-android 命令就报错了:

  FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:installDebug'.
> com.android.builder.testing.api.DeviceException: No connected devices!

* 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: 27.405 secs
Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/android-setup.html 

这尼玛是怎么回事,按照错误提示是没有android 设备连接,昨天已经十一点多了,不想看着烦人错误。
今天下班回来,在次运行此命令还是这个错误,我想想是不是我之前按照的android studio 少了什么东西,我不太确定HAXM加速驱动 安装了没。百度一下怎么确定HAXM 是否安装,sc query  intelhaxm,没有这个服务,在看看他人的博客说时这个服务下载下来要手动安装,找到 
\Android\Sdk\extras\intel\Hardware_Accelerated_Execution_Manager目录,点击intelhaxm-android.exe 安装,完成后 
命令 sc start intelhaxm 启动服务。
我再次运行 react-native run-android ,还是上面的报错,没用过android studio 有点二了,没有创建一个模拟器。点击 这个
红箭头图标创建一个模拟器。创建成功后 再次运行 react-native run-android 命令成功啦。
大笑,有点成就感,配置入门了。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值