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。哎,几天时间给我裂开。
有兄弟有好方法的,评论一下,万分感激!