开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >React原生令人敬畏的项目构建失败

问React原生令人敬畏的项目构建失败
EN

Stack Overflow用户

提问于 2021-11-12 12:09:02

回答 1查看 69关注 0票数 0

我一直试图在VS代码中运行启动AwesomeProject文件，但每次运行npx react-native run-ios...the build时都会出现下面的失败。我已经看了这里的堆栈，评论和问题，但我找不到任何适用的。

尝试更改我的终端和Xcode加载Rosetta，但我也得到了一个错误…

softwareupdate --install-rosetta
Installing Rosetta 2 on this system is not supported.

Not sure where to go from here... 

** BUILD FAILED **


The following build commands failed:
        PhaseScriptExecution [CP-User]\ Generate\ Specs /Users/********/Library/Developer/Xcode/DerivedData/AwesomeProject-ekivgffrflagyugqmoefmykxoyqy/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FBReactNativeSpec.build/Script-337605CB7CDF90939BEBF863ED22C375.sh (in target 'FBReactNativeSpec' from project 'Pods')
(1 failure)

info Run CLI with --verbose flag for more details.

visual-studio-code

EN

回答 1

Stack Overflow用户

发布于 2021-11-12 12:17:16

我也有这个错误，我找了几个小时...帮助我的是将react native的版本从0.64降级为"react-native"："0.62.3“

它也适用于0.63。

其他人发现这很有帮助：https://github.com/facebook/react-native/issues/32157

票数 -1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69948538

复制

相关文章

react 项目构建时构建失败提示XXXcannot be used as a JSX component

react component jsx 函数同步

错误信息其实很明确，因为项目原来是好好的，在流水线中构建，突然出现的问题，肯定是构建环境问题，报错内容大概是说函数的返回值类型不能用作react组件，所以判断是ts的类型校验和我们原有项目的react版本不兼容，所以通过同步ts的版本和react的类型声明文件的版本解决

fastmock

2023/10/23

6830

Android原生项目集成React Native

最近，很多的公司，特别是小公司、小项目，为了解决人力成本的问题，都开发将移动原生开发转到了跨平台开发，或者原生+h5的混合开发，今天要说的是如何在原生项目中集成React Native。

xiangzhihong

2022/11/30

6780

React入门系列（一）构建项目

webpack 打包 javascript react npm

React是一个专注于View层解决方案的框架。于Angular，Vue不同，React并不是完整的MVC/MVVM框架，也不是单纯的模板引擎，它的核心思想就是“组件化”，将UI层拆分为一个个组件，然后组合嵌套，最后构建成完成的APP。

娜姐

2021/01/14

7540

React菜鸟进阶史之构建项目

create-react-app 是React 官方推荐的，默认支持的，无配置的项目构建工具之一。

Fate03

2021/09/03

7240

通过脚手架来构建react项目

webpack javascript 打包 react node.js

在刚开始学习react时，基本上是通过手动来搭建项目的整个框架结构，包括webpack的配置文件，各种插件的安装及配置，如果每次构建项目都这么做，那么会浪费掉很长的一段时间。所以希望有一个类似于vue-cli的脚手架来快速构建项目，并上手开发。Facebook官方针对于这一情况发布了一个脚手架：creat-react-app。通过这个脚手架我们可以快速的完成一个项目的搭建。

OECOM

2020/07/02

6530

使用 JS 构建跨平台的原生应用（一）：React Native for Android 初探

Facebook 于 2015 年 9 月 15 日推出 React Native for Android 版本。相比起 for iOS，for Android 跑 “Hello, World!” 折腾了不少。在这些复杂的环境、工具依赖里，我们可以看出 React Native for Android 的一些端倪。本系列文章就以开发一个 “Hello, World!” 的 App 为线索，跟大家一起来了解 React Native for Andorid 的技术背景。本文以在 OS X 开发为例 Rea

BestSDK

2018/02/09

1.9K0

使用 JS 构建跨平台的原生应用（一）：React Native for Android 初探

react项目实战教程(react项目实战)

javascript react 渲染 npm https

React基础 React组件 React-Router——Reac路由的学习 React高阶组件及CRA的定制 React中使用Antd组件

全栈程序员站长

2022/07/28

2.6K0

react项目实战教程(react项目实战)

React native和原生之间的通信

android reactnative

RN中文网关于原生模块（Android）的介绍可以看到，RN前端与原生模块之间通信，主要有三种方法： 1）使用回调函数Callback，它提供了一个函数来把返回值传回给JavaScript。 2）使用Promise来实现。 3）原生模块向JavaScript发送事件。关于使用回调，这是最简单的一种通信，这里可以看看官网的实现，今天要讲的是滴三种由原生模块向JavaScript发送事件。（1）首先，你需要定义一个发送事件的方法。如下所示： /*原生模块可以在没有被调用的情况下往JavaScript发送事

xiangzhihong

2018/02/05

4.8K1

React native和原生之间的通信

Android原生嵌入React Native

reactnative android

1.首先集成的项目目录我使用的是直接按照react-native init Project 的格式来导入的，也就是说，我的Android项目目录是跟node_modules是在一个目录下的。我们

xiangzhihong

2018/02/05

1.6K0

Android原生嵌入React Native

React Native调用原生组件

reactnative react

在React Native开发过程中，有时候我们可能需要访问平台的API，但react Native还没有相应的实现，或者是React Native还不支持一些原生的属性，我们需要调用原生代码来实现，或者是我们需要复用一些原来的Java代码，这个时候我们就需要创建一个原生模块来自己实现对我们需要功能的封装。相关文档可以参照官方的介绍。实例下面我们就通过实现一个自定义模块，来熟悉编写原生模块需要用的一些知识。该模块主要实现调用一些Android原生的功能，比如弹Toast，启动Activity等。实

xiangzhihong

2018/02/06

1.7K0

React Native调用原生组件

reactnative react

在React Native开发过程中，有时候我们可能需要访问平台的API，但react Native还没有相应的实现，或者是React Native还不支持一些原生的属性，我们需要调用原生代码来实现，或者是我们需要复用一些原来的Java代码，这个时候我们就需要创建一个原生模块来自己实现对我们需要功能的封装。相关文档可以参照官方的介绍。 #实例下面我们就通过实现一个自定义模块，来熟悉编写原生模块需要用的一些知识。该模块主要实现调用一些Android原生的功能，比如弹Toast，启动Activity等。

xiangzhihong

2018/01/26

1.7K0

项目流程之失败的案例

1．某公司需要对现有信息系统进行改造，改造过程中需要信息化部门、财务部门、商务部门及生产部门合作进行。此项目由公司高管发起并口头通知各部门经理希望他们可以合作完成此项工作。但时间过去2个月此项工作并无明显进展，请分析发生此种情况的原因是什么？ 2．某外包公司承接一政府部门信息化项目，在项目快结束时，公司向政府部门作了最终系统演示。但演示完毕后政府部门明确表示，这个系统根本不是他们想要的系统，需要重新开发，请分析发生此种情况的原因是什么？ 3．某公司开发一套信息系统用来解决公司目前关键业务问题，

黑泽君

2018/10/11

6510

原生 Android 集成 React Native

react android javascript xml android studio

使用 React Native 从零开始开发一款移动应用是一件很惬意的事情，但对于一些已经上线的产品，完全摒弃原有应用的历史沉淀，全面转向 React Native 是不现实的。因此，使用React Native去统一原生Android、iOS应用的技术栈，把它作为已有原生应用的扩展模块，是目前混合开发的最有效方式。

逆锋起笔

2021/04/07

1.3K0

原生 Android 集成 React Native

React Native使用原生组件

reactnative android

概述有时候App需要访问平台API，但React Native可能还没有相应的模块包装；或者你需要复用一些Java代码，而不是用Javascript重新实现一遍；又或者你需要实现某些高性能的、多线程的代码，譬如图片处理、数据库、或者各种高级扩展等等。我们知道React Native本身对这种偏业务和底层调用是不关心的，这时候我们就想到了原生组件，我们通过调用原生组件，然后经过特定的封装来达到效果。如我们在原生开发中常见的Toast为例：原生模块封装假设我们希望可以从Javascript发起一个T

xiangzhihong

2018/02/05

2.2K0

React Native通信原生Android

序言：最近一直在拓展自己的技术栈，提高提高自己的技术眼界。8月份投了一家上海某公司的实习，Android方面的知识点聊起来都很nice，各种源码分析和框架等等，然后问了一个rn调用原生的问题，因为才刚接触，还处在搭环境，所以没回答上来，还是有点可惜的，但是，现在知道了，发现有点晚了.......，不过还是很享受面试的过程，他能唤醒我对知识的渴望，不为每天工作的忙碌而失去初心。今天讲的这个例子虽然官网有，但是官网篇幅比较僵硬，都是在引导一个对代码的过程，跟ctrl+c、ctrl+v没什么区别，无法引起

codelang

2018/06/26

1.3K0

React Native移植原生Android

(一)前言之前已经写过了有关React Native移植原生Android项目的文章，不过因为RN版本更新的原因吧,跟着以前的文章可能会出现一些问题，对于初学者来讲还是会有很多疑难的困惑的,而且官方的文档移植没有更新，最新版本集成方法已经发生很大变化啦~OK,今天我们用新版本进行走一遍流程，具体原来就不讲了，直接看移植步骤。 (二)前提准备工作 ①.首先我们有一个采用Gradle构建的Android应用项目，这个大家直接采用Android Studio进行创建一个项目即可。我这边新建一个目录TestInt

xiangzhihong

2018/02/05

1.6K0

React Native移植原生Android

react + electron 构建应用

效果是实现了，但是你拖不动应用了，所以需要在应用的顶部div加上 -webkit-app-region: drag 同时在有按钮的元素上取消拖拽 -webkit-app-region: no-drag 但是这样做还是有问题，普通的程序顶部是可以缩放的，而这样操作的话就不可以了。刚开始想到title div的包裹层使用padding-top撑开，但是碰到布局有背景色的就略尴尬。。后来想到使用一个div position定位 height设置为5px，本质上就是代替padding出来的那段白色区域，height设置为5px是因为我在windows上对比了其他应用程序，这样的热区容易让鼠标识别到，太宽或太窄的就本上很难一次性就被识别进行伸缩。

上山打老虎了

2022/06/14

4380

react + electron 构建应用

TAP 中的云原生构建服务

打包容器服务镜像云原生

题图摄于美国大峡谷本篇转发TAP系列文章之五，TAP云原生构建服务。 1 背景通常的应用开发过程，是由开发人员使用某种计算机语言，比如 Java，开发特定项目然后提交到代码仓库。紧接着，源代码会被编译成二进制代码，被放置于特定的环境中运行，比如 Java 运行时或者 Web Server 等。随着容器以及容器编排技术的发展和成熟，越来越多的应用将从传统的虚拟机部署方式改为容器部署模式。这就增加了一个关键的步骤：把应用打包成容器镜像，也称为应用容器化。那么这个步骤还是由开发人员完成吗？开发人员

Henry Zhang

2023/04/04

6800

点击加载更多

相似问题

React原生视频构建失败

10

React原生UIExplorer构建失败

10

React-原生android studio构建失败

11

在react原生项目上构建apk文件

11

React原生安卓代码推送installRelease构建失败

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例