React Native - 导入 @rneui（或 react-native-vector-icons）总是会产生错误并破坏安全区域的项目答案

【问题标题】：React Native - Importing @rneui (or react-native-vector-icons) always creates error and breaks projects with safe-areaReact Native - 导入 @rneui（或 react-native-vector-icons）总是会产生错误并破坏安全区域的项目
【发布时间】：2022-06-24 03:00:46
【问题描述】：

我对本机反应很陌生，但我对其他语言有很多经验。由于过多的错误，我遇到了很多项目中断的问题。安装新软件包时通常会弹出错误。通常我可以通过使用“--force”或“--legacy-peer-deps”来绕过错误，但大多数情况下这只会更多地破坏项目。

（顺便说一句，我为移动设备创建应用程序）

例如，我使用“react-native init Name”启动了一个项目，并创建了一个带有主屏幕的基本本机导航堆栈。我想添加图标，所以我关注了这个网站https://reactnativeelements.com/docs/installation，这似乎是 react 元素的最新文档，但是从第一个命令 'npm install @rneui/themed @rneui/base' 我得到这个错误：

npm 错误！代码 ERESOLVE npm 错误！ ERESOLVE 无法解析依赖树 npm 错误！ npm 错误！解决时：Sessler2022@0.0.1 npm 错误！找到：react-native-safe-area-context@4.3.1 npm 错误！ node_modules/react-native-safe-area-context npm 错误！ react-native-safe-area-context@"^4.3.1" 来自根项目 npm 错误！ npm 错误！无法解决依赖关系： npm 错误！来自@rneui/base@4.0.0-rc.4 的对等 react-native-safe-area-context@"^3.1.9" npm 错误！ node_modules/@rneui/base npm 错误！ @rneui/base@"^4.0.0-rc.4" 来自根项目 npm 错误！ npm 错误！修复上游依赖冲突，或者重试 npm 错误！此命令与 --force 或 --legacy-peer-deps npm 错误！接受不正确的（并且可能被破坏的）依赖解决方案。 npm 错误！ npm 错误！有关完整报告，请参阅 /Users/reidtaylor/.npm/eresolve-report.txt。

对此错误的任何帮助也会有所帮助，但更大的问题是我做错了什么导致软件包出现如此多的错误以及如何修复它们。

谢谢。

【问题讨论】：

标签： reactjs react-native npm icons react-native-vector-icons

【解决方案1】：

我遇到了同样的问题，并通过安装旧版本 react-native-safe-area-context 和 react-native-elements 解决了它。

首先，您需要卸载这些软件包的当前版本，然后运行：

npm install react-native-elements@3.4.2
npm install react-native-safe-area-context@3.1.9

我使用的是 ios 模拟器，所以在我的情况下，需要再次配对 pods install 以更新软件包版本

【讨论】：