命令行下启动react-native项目报错

最新推荐文章于 2025-04-27 11:30:00 发布

原创最新推荐文章于 2025-04-27 11:30:00 发布 · 2.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ios #react #native #run-ios #报错

ReactNative学习笔记专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了使用react-native run-ios命令时可能出现的问题及解决办法，包括检查项目配置、启动模拟器、解决端口冲突、调整构建配置等步骤。

关于运行react-native run-ios报错
react-native run-ios这个命令做了什么？

第一步：这个命令会在当前目录下找ios文件夹，然后再从这个文件夹中寻找项目的.xcodeproj文件。因此就要求，项目的.xcodeproj文件需要放在ios文件夹中，否则它找不到。
第二步：启动模拟器。
第三步：开始用xcode的工具build这个项目。
xcodebuild -project pj.xcodeproj -configuration Debug -scheme pj -destination id=1D46D5FD-51D8-4B75-832A-606CF65AFAD5 -derivedDataPath build
第四步：开启node服务器（默认8081端口）。
如果此时有其他程序占用了这个端口可能导致启动失败，这时候按照文档的做法：
先用这个命令找出来占用该端口的进程编号

$ sudo lsof -n -i4TCP:8081 | grep LISTEN

然后杀掉这个进程

$ kill -9 <PID>

第五步：寻找build完的app，把它安装到模拟器上运行。
xcode默认把build的结果（所谓的DerivedData）放在~/Library/Developer/Xcode/DerivedData下的对应文件夹里，react-naive-cli也是默认到这里去找app。

报错：Print: Entry, “:CFBundleIdentifier”, Does Not Exist

情况一：如果之前在xcode中对这个build结果的存放目录进行了修改（通过Preference>Location>DerivedData - Advanced），选择成了Custom Relative to Workspace，那么xcode默认填充的路径是Build/Products和Build/Intermediates，但是react-native-cli默认寻找的目录却是build/Build/Products和build/Build/Intermediates，因此如果坚持要自定义build结果的存放目录，就把路径手动改一下，如下图：
或者直接使用xcode默认的存放目录，选择Unique。
其实这个问题，react-native-cli是有给出提示的，在第三步，也就是build之前，react-native-cli就打印了这句话：IDEDerivedDataPathOverride = …/ios/build。
情况二：bundle identifier确实没有写
保持三个地方info.plist>Bundle identifier(CFBundleIdentifier)、Target>general>Bundle Identifier、Target>Build Settings>Packaging>Product Bundle Identifier中的值一致。
情况三：scheme>build configuration设置成了release
scheme>build configuration设置成debug。
若以上未能解决，参考：https://github.com/facebook/react-native/issues/7308#issuecomment-245197071