First React Native项目设置中出现的常见问题。

嘿,再次在关于React-Native的一系列讨论中,我们谈论的是First React Native Project Setup中的挑战。 我之所以这样写,是因为我经常在不同机器上建立本机项目时遇到这些问题,并且还发现一些问题,这些问题没有任何永久性的解决方案,以至于这些问题在某些时候变得令人恼火,并挫败了新来者。反应本机。 因此,我将列出其解决方案中的一些问题。

  1. 模块安装和版本控制问题 :如果要响应本​​机项目,那么版本会带来很多问题。 因此,在进行所有设置并成功运行之前,请检查所有必要的安装及其最低要求的版本:

一个 节点版本(4.0或更高版本)

b 反应本机Cli(最新)

C。 RNPM(最新)

d 。 React(与React Native版本兼容)

2. 脚本问题 :在某些情况下,当我们使用命令“ react-native init ProjectName”初始化react native项目时,则在iOS构建的情况下,默认情况下,脚本是在Xcode设置构建阶段编写的,这会在查找时产生问题来自节点模块的反应库的正确路径。 要解决此问题,请执行以下步骤:

一个 。 从项目目录中打开Xcode项目。

b 在Xcode的侧栏中选择Project Target。

c 转到BuildPhase→捆绑React Native代码和图像,如果编写了任何脚本,则将其删除。

链接: https : //github.com/facebook/react-native/issues/12217)

3 。 在成功构建ios构建成功后的某些情况下,simultor会出现一个问题,显示红色屏幕,并显示一条消息,例如:“未找到节点模块/ lib / react和Systrace”。 那么在这种情况下,您必须使用react-native-git-upgrade ,只需在项目目录路径上的终端中运行此命令,如果出现消息,提示未找到react-native-git-upgrade命令,则首先使用命令npm install -g react-native-git-upgrade全局安装此模块

(链接: https : //github.com/facebook/react-native/issues/13390

4未找到CFBundleIdentifier :此问题有很多原因,但通常是伴随Analyzer问题出现的问题,例如有些库在编译过程中没有进行分析,例如显示错误: YogaYGNodeLis t中的Analyzer问题。 要解决此问题,您必须通过XCode设置将React Library设置为Shared Library。 FirstLy浏览Xcode→产品→管理方案→然后从列表中检查React as Shared library。

5找不到boost / config / user.hpp文件 :新版本的React Native 0.45和0.46出现了这个问题; 仍在寻找为什么会在这些新版本中出现的原因,但是现在,我们可以通过使用命令react-native init ProjectName(版本为0.44.0或仅是简单版本)来使用react native 0.44初始化一个新的react native项目来解决此问题。通过命令npm install -S react-native@0.44.0在package.json中生成本机反应

(链接: https : //github.com/facebook/react-native/issues/4917

6XCode中找不到头文件 :此问题非常普遍,在进行某些R&D时,您发现此问题是由于react和react-native版本不匹配所致。 例如:找不到“ React / RCTlog.h”或“ React / RCTBridge.h”文件; 经过一些研发,我们发现在新版本中,这些文件导入语法已更改为和,因此无法在Project中更改所有这些语法的语法。 在这种情况下,可以通过版本检查和更改来解决此问题。

7.导入文件和接口中的重复性 :在某些情况下,当我们发现某个头文件中显示错误时出现“声明重复性”的问题。 在大多数情况下,可以通过简单地删除所有节点模块并在清除npm缓存后再次安装它们来解决此问题。

8Xcode与React Native版本的兼容性 :根据React Native的官方文档,初始化React Native的新项目需要XCode 7.0或更高版本。

9 。 在某些情况下,某些库未正确链接,因此在使用XCode构建版本时,它们会产生以下问题:找不到特定库的任何特定头文件。 因此,在这种情况下,我们还必须单独构建该库。 例如,如果找不到React / RCTLog.h文件或React / RCTBridge.h文件,则所有这些文件都属于React库,因此您必须按照以下步骤构建React Native的特定库或.xcodeproj文件。

一个 。 打开Xcode,然后单击Project目标选项(位于Simulator Selection下拉菜单的左侧)。

b。 打开管理方案,然后选择要构建的库,该库未正确链接。

C。 清除Xcode项目后,单击“生成”按钮。 (cmd + shift + k)。

上面讨论的所有问题都是彼此实现的,因此,一个解决方案可能适用于多个问题。 例如:版本问题在react native中非常普遍,因此在这种情况下, react-native-git-upgrade就像是一种魅力。 因此, 请继续探索并享受编码!!! 🙂