React-native新项目初始化，IOS 运行失败 React-native为“0.64.0“， Xcode版本为12.4

最新推荐文章于 2023-03-30 10:21:18 发布
最新推荐文章于 2023-03-30 10:21:18 发布
阅读量651 收藏
点赞数
分类专栏： RN 文章标签： ios react native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42208442/article/details/116723947
版权

成功通过命令行新建项目之后， yarn ios 准备运行ios模拟器的时候报错！
错误如下：
The following build commands failed:
CompileC /Users/fnzdev/Library/Developer/Xcode/DerivedData/soulwitness-ebfsmdwgkfggkhccemphiiazlurs/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FlipperKit.build/Objects-normal/x86_64/FlipperClient.o /Users/fnzdev/Documents/Workspace/MyWorkSpace/soulwitness/ios/Pods/FlipperKit/iOS/FlipperKit/FlipperClient.mm normal x86_64 objective-c++ com.apple.compilers.llvm.clang.1_0.compiler
(1 failure)

参考：
https://github.com/facebook/react-native/issues/30922
https://github.com/facebook/react-native/issues/20492
https://github.com/facebook/react-native/issues/31480

后面发现是Flipper的问题

在ios/Podfile 中将
在这里插入图片描述
use_flipper!
修改成：
在这里插入图片描述
use_flipper!(‘Flipper’ => ‘0.75.1’, ‘Flipper-Folly’ => ‘2.5.3’, ‘Flipper-RSocket’ => ‘1.3.1’)

即可。

MINISOCKSS
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-native-image-to-pdf:react-native插件可将图像转换为PDF
05-26
将本机图像转换为pdf 在React-Native中通过图像数组创建PDF。 入门 $ npm install react-native-image-to-pdf --save 或者 $ yarn add react-native-image-to-pdf 大多是自动安装 $ react-native link react-native-image-to-pdf 手动安装 的iOS 在XCode的项目导航器中，右键单击“ Libraries ➜ Add Files to [your project's name] 转到node_modules react-native-image-to-pdf并添加RNImageToPdf.xcodeproj 在XCode的项目导航器中，选择您的项目。 将libRNImageToPdf.a添加到项目的Build Phases libRNIma
react-native-device-brightness:ReactNative iOS 和 Android 的屏幕亮度调整工具
05-29
React本机设备亮度 适用于ReactNative iOS和Android的屏幕亮度调整工具。 安装 npm install --save react-native-device-brightness 推荐通过纱 yarn add react-native-device-brightness 自动连结 使用React Native 0.27+ react-native link react-native-device-brightness 使用旧版本的React Native 您需要 （npm install -g rnpm） rnpm link react-native-device-brightness 嘿哥们儿！ react-native-device-brightness尚不支持旧版本的React Native。 手动连结 iOS（没有可可豆荚） 在XCode中
react-native-nfc-manager：用于Android和iOS的React Native NFC模块
02-04
react-native-nfc-manager 将NFC功能引入React Native。 受和启发 欢迎捐款！ iOS 14模拟器问题 如，使用CoreNFC时，iOS 14模拟器将崩溃，但是实际的iOS 14设备可以工作。 安装 # RN >= 0.60 npm i --save react-native-nfc-manager # RN < 0>= 0.60, iOS cd ios && pod in
create-react-native-app：创建可在iOS，Android和Web上运行的React Native应用
01-29
创建没有构建配置的Universal React Native应用。 npx create-react-native-app 一旦启动并运行Create React Native App，请访问，以获取有关使用React构建移动应用程序的更多信息。 产品特点 准备在您的设备上构建的本机项目。 支持unimodule和自动链接。 OTA更新，并且手势开箱即用。 完全支持React Native Web。 即插即用自定义模板。 与Expo Client应用程序一起使用。 用法 npx create-react-native-app创建一个新的本地React应用。 yarn ios （ react-native run-ios ）生成iOS应用（需要MacOS计算机）。 yarn android （ react-native run-android ）生成Android应用程序。 yarn web （ expo start:web ）在浏览器中运行网站。 范本 默认情况下，您创建一个支持iOS，Android和Web项目。 通过选择“来自...的模板”选项，可以选择使用示例
React Native开发错误警告处理总结（已解决 ！持续更新）
热门推荐
renchaoqiong
12-27 1万+
本文是转载～~~~~~~~是转载哈～ 本文是转载～~~~~~~~是转载哈～ 本文是转载～~~~~~~~是转载哈～ 注：本文是我在开发过程中遇到问题解决方法的总结，之后会持续更新，希望帮助到更多的学习者。文中有不妥的地方希望指出共同学习，同时欢迎大神补充。（之后我会放出自己开发整理的笔记和GithubDemo地址,欢迎 star）欢迎持续喜欢关注 star。 遇到问题的可以来这个群里交流: 6...
React-native 项目升级Xcode 11全记录
louyong0571的专栏
03-14 845
React-native 项目升级Xcode 11全记录 react-native 版本 $ react-native --version react-native-cli: 2.0.1 react-native: 0.57.7 版本比较早的项目，最近提交App store 出现warning 1.升级ios sdk 到13 2.包含UIWebview 不改掉的话4月以后可能就会被拒了。没办法，...
ReactNative运行IOS在Xcode 11.0编译报错
wayne214的博客
03-09 862
前段时间项目时间紧张，ios端因为pod文件冲突，没有使用ios模拟器开发，今天见打算搞一下这个问题。 解决过程主要是如下两个步骤：首先删除项目ios目录下的Pods文件夹，然后进入项目的ios 文件，执行命令pod install,等待pod文件安装完成，重新运行模拟器即可。 以为这样就完了？我真是Too Young Too Simple。 在ReactNative项目根目录运行命令react...
第一课：利用atom和xcode开发react-native的入门技巧（Mac）
sf_wilson
04-20 1671
一、开发工具 1、atom下载官网：Atom 2、xcode下载官网：xcode 二、创建一个react-native项目 打开terminal输入：cd 安装路径（直接将文件夹拖进来）回车后就进入了待安装的目录文件，输入：react-native init 新项目文件夹名称，回车后就开始创建新项目了。 三、运行刚创建的hello项目 在hello文件夹下->ios->hell
React-Native项目初始化步骤及遇到问题
weixin_47586915的博客
08-28 258
架构原理 原生开发：Objective-C Swift &Xcode和Java Kotlin & Android Studio 混合开发： Hybrid App 【HTML&JavaScript】；优点：开发成本低，生态丰富，天然跨平台；无审核热更新，原生桥接扩展；缺点：性能差； react-native： 环境搭建 IOS node： brew install node homebrew： /bin/bash -c “$(curl -fsSL https://raw
react-native报错问题与解决方法
iamyang0511的博客
03-30 2118
react-native报错与解决
react-native0.62 初始化空项目，含react-natigation导航
03-30
环境是nodejs-V14，当你安装好android sdk这些以后，解压到指定文件夹就是RN的空项目，已经包含常用插件react-navigaition,react-native-webview，native-base。同时默认支持Hermes引擎，minifyEnabled已经开启，若...
react-native-amap3d：react-native高德地图组件，使用最新的3D SDK，支持Android + iOS
02-05
react-native高德地图组件，使用最新的3D SDK，支持Android + iOS，受启发，提供功能丰富且易用的接口。 相关项目推荐： 关联文档： : 功能 地图模式切换（常规，卫星，导航，夜间） 3D建筑，路况，室内地图 内置...
react-native-select：react native的简单下拉列表-iOS和Android
02-05
React本机选择React Native App的简单下拉菜单！...安装npm i react-native-selectme --save用法在您的Javascript文件中要求它。 还支持使用对象解构的组件。 Select Option OptionList 。 <OptionList>
react-native-modal-datetime-picker：适用于Android和iOS的React-Native datetime-picker
01-30
$ npm i react-native-modal-datetime-picker @react-native-community/datetimepicker # using yarn $ yarn add react-native-modal-datetime-picker @react-native-community/datetimepicker 请注意， @react-...
react-native-rename：仅用一个命令即可重命名react-native应用
01-30
该软件包假定您使用react-native init创建了react-native项目。 注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。 重命名项目后，您应该清理，构建并重新安装第三方依赖项，以使新...
react-native（rn）环境及问题
火星男孩的分享空间
08-01 2030
React Native简介： React是Facebook开发的一款JavaScript库，使用这个库可以很好的编写漂亮的网页UI，能简化前端程序员很多操作。 而React Native是在React基础上发展而来，目的让程序员能够真正用JavaScript去开发手机端的APP，像浏览WebAPP 一样，但是同时具有NativeAPP的流程与操作体验。记住，这与你使用WebView完全是不一...
react native 学习笔记12 ios失败片
keny-大成的博客
01-01 1443
1.今天用工具pycharm的工具新建一个react native 项目，等待很久很久建立的项目 2.项目具体详细清单 /usr/local/bin/node /usr/local/lib/node_modules/react-native-cli/index.js init RN This will walk you through creating a new React Native p...
58同城 Android 客户端升级 ReactNative 到 0.64.x 调研
u014294681的博客
03-11 1310
Target React Native version: v0.64.0-rc.2 WubaRN 版本已经两年没有升级了，现在已经更新很多新的工具，业务上期望能够支持。 目标1：能提供升级 WubaRN SDK 到 0.64.x 版本，并提供 58同城测试包 目标2：评估内部业务迁移成本 内容 WubaRNSDK 测试bundle 58App 迁移成本 WubaRNSDK 1. build react native 由于 WubaRNSDK 是对 React Native 做的..
定位Yarn任务失败原因
fengfengzai0101的博客
06-23 1425
首先找到Application ID 可以在客户端日志中找到，例如，Hive log，Spark Log或者自定义程序日志 通常的格式：application_1111111111111_12345 定位AM Container运行在哪个节点上 可以从RM log或者RM UI上找到 通常AM Container是job的第一个容器，除非AM Container运行失败 从RM log中搜索application_1111111111111_12345，例如：INFO org.apache.hadoop..
react-native 初始化项目
最新发布
04-04
要初始化一个React Native项目，请遵循以下步骤： 1. 确保您已安装node.js和npm。您可以从官方网站下载和安装它们：https://nodejs.org/ 2. 安装React Native命令行工具。您可以在终端中运行以下命令： ``` npm install -g react-native-cli ``` 3. 在终端中，进入您要创建React Native项目的目录。 4. 运行以下命令，创建一个新的React Native项目： ``` react-native init MyProject ``` 5. 等待一段时间，直到所有依赖项都被下载和安装。 6. 进入项目目录： ``` cd MyProject ``` 7. 运行以下命令，启动React Native开发服务器： ``` react-native start ``` 8. 在另一个终端窗口中，运行以下命令，编译并运行您的应用程序： ``` react-native run-ios ``` 或者 ``` react-native run-android ``` 您现在可以在模拟器或设备上看到您的React Native应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值