专业科普建站知识
让建站变得更简单

ReactNative教程(1) Window搭建ReactNative开发环境(Android) 【原文】

学习永不止步,开始搭建ReactNative开发环境了。

项目环境搭建

项目环境搭建,我查看了这篇文章:https://www.jianshu.com/p/12674aa384a1
遇到了不少问题,但是经过百度,最终还是很快的解决了问题,详细问题,请看下文的经验总结

项目运行成功

运行项目

项目运行成功的标记,如果没有运行成功,请认真查看控制台的报错信息。

在自己的手机上查看项目运行效果:

经验总结

  • 第一点: android sdk 环境变量一定要去配置一下。

image.png

path环境变量:

%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

image.png

环境变量路径,因为我的sdk路径在c盘,你们可以更换你们自己的android sdk路径。

cmd 中输入adb命令查看环境变量是否配置

  • 第二点:可以选择不安装android 模拟器;但是你的手机设备需要连接到电脑上。而且手机和电脑要处于一个网络段,就是手机能访问到电脑的端口。如果无法访问的话,手机上的项目就无法运行,切忌。

确保手机网络能访问电脑端口

还有一点,需要检查下对应的端口是否开启成功了。Running就是代表运行成功。

Running Metro Bundler on port 8081.

image.png

  • 第三点: ReactNative版本0.59.8 需要Android gradle 插件版本为 3.3.1
    Gradle需要是4.10.2版本。所以,你安装的时候,如果出现什么问题,请一定要核查它们之间的版本对应关系。
    刚开始运行项目的时候,因为版本不对报了错误
Could not get unknown property ‘mergeResourcesProvider’

后面看了这篇文章https://blog.csdn.net/mo_feng_/article/details/89675923
,才发现要核对版本号。解决了问题。

 dependencies {
        classpath 'com.android.tools.build:gradle:3.3.1'

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }

image.png

image.png

  • 第四点:注意在项目根路径下的配置下android.enableAapt2=false。

image.png

参考文章:
https://blog.csdn.net/yy11534/article/details/79608533

原文地址:http://cloud.yundashi168.com/archives/555

赞(0) 打赏
未经允许不得转载:聚优云惠 » ReactNative教程(1) Window搭建ReactNative开发环境(Android)
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

建站推荐

速成美站,千套模板,极速建站普惠建站计划 14元/月起

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏