ReactNative Expo 开启ios模拟器老是提示安装xcode

已于 2022-05-03 20:04:05 修改
阅读量1.8k 收藏
点赞数
分类专栏： React Native 新手入门 文章标签： react native xcode
于 2022-04-28 20:29:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gdutRex/article/details/124482764
版权

如果需要在MacOS开启模拟器，首先需要进行如下几步

  1. 安装xcode
  2. 安装完之后，打开xcode
  3. 选中xcode应用，点击选项卡Xcode
  4. 选中open developer tool中的simulator
    这样就可以打开ios的模拟器

问题

这个时候通过expo启用模拟器的时候，一直提示我们没有安装xcode，这是因为xcode的common路径没有配置
我们回到xcode，按下面操作
在这里插入图片描述
在这里插入图片描述
配置之后重新启动react，再运行ios simulator就会在模拟器上安装expo

Shopee_Rex
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Expo 环境配置和安装指南
weixin_33860737的博客
10-24 3541
本篇是关于Expo官方文档的翻译，翻译水平有限，如有疑问可参阅官方文档或留言我们一起探讨，谢谢。原文见https://docs.expo.io/versions/v30.0.0/introduction/installation 注：如有版权问题请及时与我联系，谢谢！ 开发 Expo 应用程序你需要两种工具：本地开发工具和可以打开您的Expo应用的手机客户端。 本地开发工具: Expo CLI...
expo运行android studio,二、安装Expo
weixin_36018119的博客
05-30 894
安装使用Expo开发应用程序需要两种工具：本地开发工具和用于打开应用程序的移动客户端。本地开发工具：Expo CLIExpo CLI是使用Expo开发应用程序的工具。此外，命令行界面(CLI)还具有图形用户界面，即Expo开发者工具，可在您的Web浏览器中弹出。借助Expo Dev Tools，您可以快速设置测试设备，查看日志等。您需要在计算机上安装Node.js(版本6或更新版本)。下载最新版本...
使用expo在安卓模拟器中运行React Native程序
weixin_34088838的博客
11-12 775
看完这篇教程你会学到如何在安卓模拟器里运行一个React Native程序。 我的电脑及软件环境 系统： windows10 64 Node：8.5.0 然后安装下面的工具，不分先后。 首先说下 create-react-native-appnpm install -g create-react-native...
【react native】使用iOS模拟器运行
坚强的泡沫的博客
03-31 1294
【react native】使用iOS模拟器运行
React Native 开发即时预览与分享工具
大灰狼的小绵羊哥哥的博客
03-18 8049
React Native 的社区发展以及在移动开发领域的火热，大大提高了我们学习和实践的热情，不过目前的开发调试模式依然是一边开着模拟器一边编码，模拟器开启「即时刷新」进行可视化调试。 最近 Expo 发布了一个开发时真机即时预览的工具：Expo Sketch。 http://blog.parryqiu.com/2017/03/17/react_native_expo_sketch/?ut
Expo升级SDK，iOS应用打包后白屏问题实录
dazzid的博客
11-22 181
将一个老项目的Expo SDK 升级到最新版本的过程中，遇到了一个生产环境应用白屏的问题，在本文记录一下当时debug的心路历程
Expo 安卓apk安装包（调试React Native）
10-25
Expo 安卓apk安装包（调试React Native）,Expo CLI使您可以轻松地在物理...如果您想在iOS模拟器或Android虚拟设备上运行您的应用程序，请参阅使用本机代码构建项目的说明，以了解如何安装Xcode和设置Android开发环境。
ReactNative-Oreilly-App:汽车引擎服务应用
05-01
故障排除联网iOS模拟器无法打开QR码不扫描 更新到新版本您只需要很少（理想情况下永远不需要）更新全局安装的create-react-native-app 。 更新应用程序的react-native-scripts依赖关系应该像更改package.json的版本...
React-Native-Expo-ExApp-Front-End:React Native Expo ExApp前端
03-15
React Native Expo ExApp前端是一个基于React Native和Expo框架构建的移动应用项目。React Native是Facebook推出的开源框架，用于开发原生iOS和Android应用程序，它允许开发者使用JavaScript和React编程模型来构建高...
chattown:React Native应用
05-08
确保您拥有最新版本的并安装 $ npm install expo-cli --global 为了测试该应用程序，您可以将XCode用作iOS模拟器或模拟器。 您将需要Expo才能在移动设备（iOS / Android智能手机）上运行该应用程序或使用模拟器（或...
react-native-course:with使用React Native构建本机Android和iOS应用
05-28
2. **React Native环境搭建**：设置开发环境是开始学习React Native的第一步，包括安装Node.js、npm、Watchman、Homebrew（仅限Mac）、JDK、Android Studio（或Xcode）以及React Native命令行工具。 3. **React ...
Expo安装和配置
最新发布
heluicare的专栏
12-03 682
当时卡在这里好久，现像是等待了很久总是下载依赖包失败，尝试过换成taobao镜像，用VPN都没用，最后安装上了nrm模块，使用nrm test查看哪个镜像速度快， 就使用哪个，这里可能需要反复尝试，当时我是用了cnpm这个镜像成功了。官方在这里有说到安装yarn，没试过，不知道有没有效果。然后选择blank模板，name输入helloexpo，再按方向键下键定位到slug，输入hello-expo，回车即开始创建项目。安装expo app(android/ios)安装expo cli。
Expo ios端打包测试
weixin_34342905的博客
03-09 1475
Expo 作为基于React Native的一套库和工具在开发移动端项目上非常的方便，比如开发Android项目直接运行expo build:android就可以直接打包出一个apk文件就可以直接运行。但是在ios开发上，对于很多原本非ios开发人员，或者不熟悉apple平台开发的人员则会比较麻烦。本文就是出于这个目的，帮助原本可能是前端开发人员出身的技术人员来淌过这个坑。 工欲善其事必先利其器 ...
React-Native 指定模拟器RUN-IOS
双手成就你的梦想
08-29 1万+
初尝书味 1.react-native run-ios --simulator "iPhone 7” 2.敲过一次就之后就可以直接react-native run-ios了
React-Native初学者的模拟器调试及真机调试
热门推荐
菜鸟的进阶博客
12-11 1万+
上周五才开始学习的React-Native开发，之前略有一些React的开发经验，但对原生Native的开发一窍不通。 好，背景交代完毕，讲讲我的初学经历和遇到的坑以及一些心得体会。 作为对APP开发几乎没啥认知的我，感觉起步还是有些吃力，相信对此有所了解的人应该会有不小的帮助。 从React-Native中文网（https://reactnative.cn/）开始了我的RN学习生涯，按照教
react native ios模拟器 常用操作
yjxommm2005的博客
06-02 1166
1、怎么打开Xcode的Archives界面？ 选中Xcode然后 状态栏Window - >Organizer就可以看到所有的Archive版本啦 2、模拟器怎么截屏？ 待模拟器运行开始的时候，按住cmd+S, 模拟器的屏幕截图就直接保存在桌面上了 3、怎么删除模拟器的App 1）、激活模拟器，使用快捷键shift + command + h 进入模拟器的桌面 2）、
React Native 和iOS Simulator 那点事
fengyuzhengfan的专栏
09-22 6777
React Native 和iOS Simulator 那点事本文出自《React Native学习笔记》@http://www.cboy.me系列文章。问题1：使用React Native时按cmd+r无法reload js，cmd+d无法唤起 React Native开发菜单？不知大家是否有过这样的经历，用 React Native开发应用正不亦乐乎的时候，突然发现，cmd+r，cmd+d快捷键
Windows下React-Native如何调试和运行iOS
weixin_34419321的博客
10-17 693
由于前段时间写了一个React-Native的项目Mung，就想把打包出.apk和.ipa，我个人一直从事Android开发所以安卓app打包就没什么问题了，但ios打包问题就大了，最大的问题就是我没有Mac，自己电脑才买不到两年，总不能再买一个Mac吧，所以就想办法。。。 步骤很简单，真心不复杂，而且没驱动问题，适用所以电脑配置过得去的电脑。 mac2.png Windows下调试IOS方法...
ReactNative 开发环境搭建，安卓、IOS 打包、模拟器、真机调试
yanghui555的专栏
06-30 1131
React Native 开发 APP前端开发环境搭建 开发工具 IDEA 2020.1 、 SVN 1.8 、Xcode 12.5 操作系统 Mac OS Big Sur 11.3.1，android 9，IOS 14.5 1.从版本库下载项目源码 SVN 地址：略 2.安装Node JS版本管理工具NVM （目的是支持在一台机器中同时存在多个版本的Node 根据需要灵活切换） 2.1.安装nvm 打开终端： 1. brew install nvm 2. make dir ~/.vnm 3. 配置环境变量
React Native如何打包iOS和Android
07-14
React Native提供了一种简便的方式来打包iOS和Android应用。下面是相应的步骤： 1. 打包iOS应用： - 在终端中，进入你的React Native项目的根目录。 - 运行命令 `react-native run-ios`，它会自动启动iOS模拟器并安装、运行应用。 - 如果你希望打包一个发布版本，可以运行 `react-native run-ios --configuration Release`。这将使用发布配置构建应用，并生成一个可分发的ipa文件。 2. 打包Android应用： - 在终端中，进入你的React Native项目的根目录。 - 运行命令 `react-native run-android`，它会自动启动Android模拟器并安装、运行应用。 - 如果你希望打包一个发布版本，可以运行 `react-native run-android --variant=release`。这将使用发布配置构建应用，并生成一个可分发的apk文件。 请注意，进行iOS打包需要在Mac上进行，并且需要配置好Xcode环境。进行Android打包需要在Windows、Mac或Linux上进行，并且需要配置好Android开发环境。 另外，如果你想更深入地定制和控制打包过程，你可以查看React Native官方文档中关于打包iOS和Android应用的更多详细信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值