[React Native]错误: 'config.h&

2018-11-28 本文已影响126人 Lin__Chuan

自从 Xcode 更新到 10, 还没有运行过 RN 项目, 一打开项目运行, 报各种莫名其妙的错误. 国内的网站各种答案混淆视听, 反正我是没找到解决方法, 在 RN 官方Github 中, 找了好久, 才解决, 在这里做一下记录.

1. 问题怎么出现的?

在 Terminal 新建一个测试项目.

react-native init DemoObject

在 Terminal 中运行, 或者直接点击 Xcode项目入口文件 DemoObject.xcodeproj, 运行程序.

react-native run-ios

在默认情况下(啥也不改), 程序会直接报错, 如果你是在 Terminal 中运行, 会直接看到下面这两个错误.

'config.h' file not found 

 ":CFBundleIdentifier", Does Not Exist

这两个问题其实挺莫名其妙的. 在官方的 issue 中, 很容易找到类似的解答. 但能完美解决问题的, 没有. 主要是我觉得信息太杂了, 所以以此篇文章做一下记录.
大致的解决思路如下:

我们需要切换 Xcode10 的默认编译系统. 默认是 New Build System, 我们需要切换为 Legacy Build System, 为什么最新版的 RN (0.57) 不支持 Xcode10 的新编译系统, 目前还不知道.

image.png
手动安装第三方脚本.

$ rm -rf node_modules/ && yarn cache clean && yarn install and rm -rf ~/.rncache

$ cd node_modules/react-native/scripts
$ ./ios-install-third-party.sh

上面这个脚本文件会直接把第三方文件安装到 .rncache 文件夹中.
如果网速差, 可以按照下面手动下载安装.

folly-2016.10.31.00
double-conversion-1.1.5
glog-0.3.5
boost_1_63_0

Xcode Build
一开始 third-party 这个文件夹是没有的, 切换完 Xcode10 的编译系统后, 再次编译项目, 程序会自动创建 third-party 文件夹, 从 .rncache 文件夹中把所有需要的文件解压拷贝到 third-party 文件夹中.
配置 glob 文件.

$ cd <Your-Project-Folder>/node_modules/react-native/third-party/glog-0.3.5

$ ../../scripts/ios-configure-glog.sh

经过上面的步骤, 目前应该能解决问题.

$ brew upgrade node

Xcode10 一定注意要切换到 Legacy Build System, 才编译项目. 这个直接涉及到从 rncache 拷贝过来的文件. 我尝试过用默认的 system 编译项目, 会报错.
如果你编译项目 third-party 文件夹没有自动生成, 建议你手动把当前项目中的 node_modules 文件夹删掉, 重新加载第三方库. 此方法我屡试不爽.

$ yarn install

如果下次你再需要创建新项目, 你不需要频繁更新 .rncache, 目前这个文件没什么变化. 你需要做的最重要的是:
配置 glob 文件
配置 glob 文件
配置 glob 文件
重要的事说三遍.