如何解决 React Native 构建错误？答案

【问题标题】：How to troubleshoot React Native build error?如何解决 React Native 构建错误？
【发布时间】：2021-03-09 00:57:45
【问题描述】：

您可以在下面看到我尝试运行npx react-native run-android 时得到的输出。它建议尝试一些选项以进一步查明问题，但是它们不适用于上述命令，因此我假设它们与 gradle 相关（只是有根据的猜测）。

我对 gradle 的了解为零；我刚刚在这里和那里以及在下面显示的输出中看到了这个名称。因此，请在回答时记住这一点。如果我需要学习如何直接运行一些 gradle 命令，请尽可能详细地回答。

该项目刚刚运行良好，但我希望能够为某些屏幕强制使用纵向模式，但无需将我的整个应用程序配置为始终必须坚持纵向模式。所以我在 react-native-orientation-locker 模块中找到了一个解决方案。我用 yarn 安装了它，然后按照指示更新文件：https://www.npmjs.com/package/react-native-orientation-locker。

更新适当的文件后，我收到一个错误，提示 axios 是问题所在。我卸载并重新安装了axios。在那之后不起作用，我继续撤消我刚刚所做的所有文件更改。然后我卸载了 react-native-orientation-locker 模块。

据我所知，我已经撤消了在项目工作和停止工作之间所做的一切。

遗憾的是，我还没有把它放到源代码管理中（我不会再犯这个错误），所以我无法恢复。

从这里去哪里？

【问题讨论】：

我认为问题出在 MainActivity.js 文件中的一些语法问题？
@NishargShah 谢谢，但我认为 react-native 中没有 MainActivity.js 文件。或者至少我找不到一个。也许在引擎盖下它会转换为包含该文件的代码，但我对此知之甚少。
对不起它的 mainActivity.java
能否请您发布您的整个 mainActivity.java 文件，如果您不知道该文件在哪里，这是问题=> stackoverflow.com/questions/30016492/…
@NishargShah 我将它添加到我的帖子中，但这只是一些永远不会改变的样板代码。值得庆幸的是，我能够创建一个新项目，重新安装依赖项，并复制我的源文件以快速恢复和运行，所以我现在没事了。我将旧项目保留了一段时间，但希望我最终能找出问题所在，看看我是否可以仅出于学习目的来解决它。

标签： react-native gradle build

【解决方案1】：

这样的问题很难确定。您可以做的是在 android studio 中打开 android 项目，并在项目组装时查看日志。我假设您对 android 也没有太多了解，因此您可能需要一些高级资源来帮助您。在这种情况下，我通常做的是打开 android studio，如果我足够幸运，它会告诉我哪个文件有问题，然后我会转到该文件并按照 android studio 的建议进行操作。有时它可以解决问题，有时则不能。我想提到的另一件事是，您使用的软件包的文档很重要。我假设您已经这样做了，但我建议您仔细检查一下。

我可以告诉您的另一个猜测是尝试转到 your-project/android/build.gradle 并在那里，您会在开始时看到类似的内容。您正在使用的软件包提到了有关目标 SDK 27 的内容。我认为您也应该检查一下。可能有帮助

最后我想说的是，在使用 react native 时始终使用源代码管理。它随时可能很容易爆炸，因此您应该始终有一个安全网可以回退:)

【讨论】：

是的，我正在自学，不幸的是没有任何高级资源可以求助。本来不打算在一个不受源代码控制的项目中完成这么多工作……只是打算做一个“Hello World”项目，但老实说，到目前为止一切都进展得如此顺利，以至于我实际上已经在意识到“废话，我应该把它放在源代码控制中”之前，作为我的“测试”项目的一部分完成了一些实际工作。哦，好吧...我想我可能只需要创建一个新项目并复制适当的源文件。不过，我会先尝试您的建议。谢谢！