自从 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
2. 问题怎么解决的?
这两个问题其实挺莫名其妙的. 在官方的 issue 中, 很容易找到类似的解答. 但能完美解决问题的, 没有. 主要是我觉得信息太杂了, 所以以此篇文章做一下记录.
大致的解决思路如下:
-
我们需要切换 Xcode10 的默认编译系统. 默认是
New Build System, 我们需要切换为Legacy Build System, 为什么最新版的 RN (0.57) 不支持 Xcode10 的新编译系统, 目前还不知道.
image.png 手动安装第三方脚本.
- 删除 rncache, 清理缓存文件
$ rm -rf node_modules/ && yarn cache clean && yarn install and rm -rf ~/.rncache
- 在 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
- Xcode Build.
经过上面的步骤, 目前应该能解决问题.
注意
- 在解决上面的问题之前, 最好把
node.js升级到最新.
$ brew upgrade node
- Xcode10 一定注意要切换到
Legacy Build System, 才编译项目. 这个直接涉及到从 rncache 拷贝过来的文件. 我尝试过用默认的system编译项目, 会报错. - 如果你编译项目
third-party文件夹没有自动生成, 建议你手动把当前项目中的node_modules文件夹删掉, 重新加载第三方库. 此方法我屡试不爽.
$ yarn install
- 如果下次你再需要创建新项目, 你不需要频繁更新
.rncache, 目前这个文件没什么变化. 你需要做的最重要的是:
配置glob文件
配置glob文件
配置glob文件
重要的事说三遍.
参考
'config.h' file not found when I upgraded xcode10
When new Xcode build system is used, Xcode build fails to download third-party dependencies
