DevRant:继续一个React Native项目

学习一次,随处写

这就是React Native的座右铭,因为它支持Windows,Linux和OSX,它应该支持跨平台的团队对吗? 这篇文章是我在Windows 10机器中继续其他团队成员的react native项目(他正在使用Ubuntu)的经验。

免责声明

我是React Native(RN)的初学者,最终对于这个项目,我是一个直接从事代码工作的Frontend Designer,因此,这种体验可能不会打扰那些经常密集使用Native的人。

并以这篇文章作为对我的经验的回应,并吸取我的教训,以减轻您的同伴负担,并帮助您解决问题。 因此,让我们开始吧。

搭建环境

嗯,这没什么大不了的,因为React Native的入门页面基本上已经详细介绍了它。

克隆项目

因此,这是第一个障碍。 在开发项目时,并不是每个人都会想到其他团队成员,或者可能只是他/她假设下一位开发人员会很好地解决一些样板问题。 好吧,让我们进入重点

node_modules已经存在?

克隆javascript项目时,最让我高兴的是,我需要做的只是:

  npm安装 
npm运行发球

但并非一切都那么容易。 特别是当项目已经有node_modules文件夹时。 巧合的是,我的操作系统与对等操作系统不同,并且某些模块显示错误或更好,但显示数千行警告,提醒我不同的行尾。

课程:下次启动项目时,请从gitignore.io之类的网站中添加一个.gitignore小文件,并帮助您的同伴下载不一定是必需的兆字节文件。

什么? 它在我的机器上不起作用??

我知道经典。 但就我而言,原因是npm软件包的版本。 是的,这很重要。

我花了3个多小时的时间来搜索和思考项目中出了什么问题,以便找出在我运行npm后将最新的软件包(以及最新的软件包)安装在我的工作区中,并且只需要重新安装该软件包即可解决首先可以避免的问题。

课程:启动新项目时,您知道它需要稳定,请使用稳定版本的npm软件包并在package-lock.json中显式声明它

反应本机特定

所以这是我在尝试构建项目时发现的一些特定于React Native的问题。

local.properties应该是本地的

我第一次运行react native来使用构建项目

  react-native运行Android 

我有一个错误消息,说这些工具找不到我的Android SDK文件夹,那是什么? 为什么? 我已经安装了Android Studio! 我可以找到我的SDK文件夹!

好的,所以我偶然发现了一个名为(相对于我的项目路径) android / local.properties的文件 。 其内容是:

嗯,为什么我的“ peerName”出现在这里?

因此,我的假设是我的同龄人的机器上有几个SDK,并且为了减轻他的开发经验,他在local.properties文件中添加了这一行。 尽管他的判断力更好,也许他在推回购交易时忘记了忽略此文件。

课:因此,此问题的教训是,如果有任何本地配置,请将其保留在本地,例如,将其添加到.gitignore ,在readme.md等中提及它。

RN摄像机的新版本

这个错误是非常特殊的,因为它与npm软件包的问题有关。 由于在我执行项目时RN Camera处于活动发布周期,因此其项目设置已有更新。 要求开发人员在android / app / build.gradle中添加额外的一行以获取更多信息,您可以在GitHub上阅读完整的问题。

课程:保持所使用的npm软件包的稳定版本,至少保持第一级(因为希望其余部分由第一级软件包管理)。

清除缓存只是为了确保

当我构建项目n次时(我忘记了n是多少),我发现构建器无法解析索引。 起初我很惊讶,后来发现这是一个相对普遍的问题。

课程:构建失败后,使用以下命令清除缓存不会有什么坏处

结论

我不是移动开发方面的专家或远程专家,甚至没有本地经验。 这个故事大部分只是我对我在做一个反应性本地项目时发现的障碍的咆哮。 将来,这对我来说是一个教训,当我交出我的作品时,以及当我遇到类似的障碍时我应该做的事情。 希望这可以帮助其他与我处于类似状况的人

如果您想与我讨论任何事情,我会以@banditelolRP的身份活跃在Twitter上。