react-native 搭建环境,初始化项目遇到的一些问题

react-native 搭建环境,初始化项目遇到的一些问题

问题1.× Downloading template
error Error: Command failed: yarn add react-native@latest
warning …\package.json: No license field
error An unexpected error occurred: “https://registry.npmmirror.com/react-native: unable to get local issuer certificate”. (无法获得本地颁发者证书–可能是公司有网络限制,所以我不知道为什么会有这问题,我在家自己电脑分分钟搞定)

这个问题,我根据官网的流程
使用nrm工具切换淘宝源
npx nrm use taobao
如果之后需要切换回官方源可使用
npx nrm use npm
Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模块的下载。
npm install -g yarn
但是在 npx react-native init AwesomeProject 的时候就遇到了 问题1

解决方案问题1 :卸载 yarn, npm uninstall -g yarn
再重新执行 npx react-native init AwesomeProject
若有其他解决方案,望各位告知,谢谢!

问题2 npx react-native run-android 报错 javax.net.ssl.SSLHandshakeException (java证书的问题)
同时还有error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup.
Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081

一遇到 gradle-6.2-all.zip (不同初始化的项目,应该是不同的)在下载的时候,一直出现javax.net.ssl.SSLHandshakeException。
按理说,添加上证书就行了。可是我的公司电脑一直添加不上证书,就只有另寻他法。(搞得我头大~)
于是我在一篇文章看到(找不到了,哎~),在android studio自动build的时候可以看到错误提示,我就去试试。结果~

解决方案问题2 在android studio里打开的是AwesomeProject里的android文件夹。自动build,我神奇的发现,遇到 gradle-6.2-all.zip 在下载的时候不报错了。那就继续等待好消息~

问题3 这是继问题2后续来的
存在兼容问题

解决方案问题3
打开控制台,你可以运行命令
gradlew --warning-mode all (参考:https://zhuanlan.zhihu.com/p/122516941)
我运行后版本就变成了 Gradle 6.9
然后重新build的时候一路畅通。
重新打开AwesomeProject项目执行 npx react-native run-android 就有了Welcome to Gradle 6.9!然后顺利打开。

注意:后续重新 npx react-native init 项目名 我发现就可以直接 npx react-native run-android 了,新项目直接会以 Gradle 6.9 执行。

心得:还有其它小问题我也忘记了,rn的android挺坑的~,如果遇到或者想起其它问题我也会更新上去。
后续Genymotion遇到的坑,我也会更新上去!
暂时用的android studio的虚拟机,也会更新android studio使用Genymotion的心得
公司的网android studio只有几十k,带回家还不能用wifi。哎,几天时间给我裂开。

有兄弟有好方法的,评论一下,万分感激!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值