重大公告:2023年阿里云双11服务器限时大降价(1核2G1年仅需49元+2核4G1年100元) 速度点击查看!!!

ReactNative教程之搭建ReactNative开发环境(Android)

4,029次阅读
没有评论

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

项目环境搭建

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

项目运行成功

ReactNative教程之搭建ReactNative开发环境(Android)

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

ReactNative教程之搭建ReactNative开发环境(Android)

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

ReactNative教程之搭建ReactNative开发环境(Android)

经验总结

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

ReactNative教程之搭建ReactNative开发环境(Android)

path环境变量:

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

ReactNative教程之搭建ReactNative开发环境(Android)

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

ReactNative教程之搭建ReactNative开发环境(Android)

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

ReactNative教程之搭建ReactNative开发环境(Android)

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

Running Metro Bundler on port 8081.

ReactNative教程之搭建ReactNative开发环境(Android)

  • 第三点: 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
    }

ReactNative教程之搭建ReactNative开发环境(Android)

ReactNative教程之搭建ReactNative开发环境(Android)

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

ReactNative教程之搭建ReactNative开发环境(Android)

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

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

arison
版权声明:本站原创文章,由arison2021-07-31发表,共计3535字。
转载提示:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)