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

原创 已于 2022-05-03 20:04:05 修改 · 2.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react native #xcode

于 2022-04-28 20:29:06 首次发布
本文介绍了如何在MacOS上安装和配置Xcode以启用iOS模拟器，详细步骤包括安装Xcode，通过Xcode选择Simulator。当尝试使用 Expo 启动模拟器时遇到问题，提示未安装Xcode，原因是Xcode的路径未配置。解决方法是进入Xcode设置路径，然后重启React，模拟器即可正常运行Expo应用。

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

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

问题

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

ReactNative 开发环境搭建，安卓、IOS 打包、模拟器、真机调试
yanghui555的专栏
06-30 1367
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实战录
曲折旅程，艰难人生
02-10 3052
总结React native开发iOS应用的基础知识
React Native 指定模拟器手机型号 --simulator
qq_34220826的博客
02-28 1669
控制指定型号即可： react-native run-ios --simulator="iPhone X"
react-native配置模拟器
qq_192020860的博客
05-12 3109
之前配置配置了react-native的本地开发环境，但觉得通过usb连接手机和电脑开发不是很方便，想搞个模拟器开发调试。下面是瞎倒腾的一些记录。一、查看及安装Android系统打开SDK Manager ，下面是官方文档配置推荐的两个安装包：Intel x86 Atom System Image（在具体的Android 版本中）Intel x86 Emulator Accelerator (Ex...
Expo ios端打包测试
weixin_34342905的博客
03-09 1835
Expo 作为基于React Native的一套库和工具在开发移动端项目上非常的方便，比如开发Android项目直接运行expo build:android就可以直接打包出一个apk文件就可以直接运行。但是在ios开发上，对于很多原本非ios开发人员，或者不熟悉apple平台开发的人员则会比较麻烦。本文就是出于这个目的，帮助原本可能是前端开发人员出身的技术人员来淌过这个坑。 工欲善其事必先利其器 ...
使用expo在安卓模拟器中运行React Native程序
weixin_34088838的博客
11-12 1050
看完这篇教程你会学到如何在安卓模拟器里运行一个React Native程序。 我的电脑及软件环境 系统： windows10 64 Node：8.5.0 然后安装下面的工具，不分先后。 首先说下 create-react-native-appnpm install -g create-react-native...
React Native 开发环境搭建（全平台详解）
zimin的专栏
06-09 1887
在开始使用 React Native 开发移动应用之前，正确设置开发环境是至关重要的一步。本文将为你提供一份全面的指南，涵盖 macOS 和 Windows 平台的配置步骤，如何在 Android 和 iOS 的模拟器或真机上运行应用，以及 Expo CLI 和 React Native CLI 的详细对比。此外，我们还将总结常见错误及其解决方案，帮助你顺利完成环境搭建。本文的目标是让无论是初学者还是有经验的开发者都能轻松上手 React Native 开发。
react native怎么运行到模拟器
03-18
#### 运行 React Native 应用到 iOS 模拟器 为了在 iOS 模拟器上运行 React Native 应用，可以通过以下方法实现： - 需要先确保已安装 Xcode 和相关依赖项。随后，在终端中输入 `npx react-native run-ios --...
Pitagorax.Demo.Expo.UI:使用Expo React Native实现iOS，Android和Web应用程序的基本示例
05-26
使用Expo React Native实现iOS，Android和Web应用程序的基本示例 安装 下载或克隆存储库。 如果以前没有安装Expo CLI，请安装它。 在克隆目录的根目录下运行“ npm install”。 在克隆目录的根目录下运行“ npm ...
iOS 如何调ReactNative Expo index.js
最新发布
07-03
2.步骤：安装Expo CLI，运行expo start，启动iOS模拟器。3.添加引用。4.生成相关问题。</think>### iOS 运行 React Native Expo 项目的 index.js 方法 在 React Native Expo 项目中，`index.js` 文件是应用程序的...
React Native 开发即时预览与分享工具
大灰狼的小绵羊哥哥的博客
03-18 8238
React Native 的社区发展以及在移动开发领域的火热，大大提高了我们学习和实践的热情，不过目前的开发调试模式依然是一边开着模拟器一边编码，模拟器开启「即时刷新」进行可视化调试。 最近 Expo 发布了一个开发时真机即时预览的工具：Expo Sketch。 http://blog.parryqiu.com/2017/03/17/react_native_expo_sketch/?ut
React Native 项目使用Expo模拟器运行iOS和Android
weixin_43891869的博客
10-23 1970
如果你使用的是 Genymotion 模拟器，确保它已经配置为使用你的 Android SDK 目录。如果你的设备是第一次连接到 Mac，可能需要在设备上信任这台计算机。通常，当你连接设备时，设备上会弹出一个对话框，要求你确认是否信任连接的计算机。确保你连接的设备是支持开发的应用的 iOS 版本。确保你已经用 USB 线将你的 Android 设备连接到了你的计算机。确保你已经用 USB 线将你的 iOS 设备连接到了你的 Mac。确保你的 Mac 上的安全软件或防火墙没有阻止设备与计算机的通信。
macOS手动启动 Simulator（ios模拟器）
lxyoucan的博客
06-08 8277
使用expo做RN 开发，有时需要启动Simulator来做调试。毕竟直接在电脑看，比低头看真机舒服一些。我平时会使用xcode打开模拟器，然后在手动打开expo。本身打开xcode就要等待。能不能直接命令行启动模拟器呢？那么它来了！ 启动模拟器 xcrun simctl boot 3F09B03A-78A3-4207-B30F-7674EB02F131 最后面一长串是$UUID可以通过以下命令获取到。 xcrun simctl list ...
Expo运行模拟器失败错误解决（xcrun simctl ）
weixin_43891869的博客
02-10 1080
解决 xcrun simctl 错误：确保 Xcode 命令行工具已安装并正确设置路径，必要时更新 Xcode 并重启终端或 Mac。确保 package.json 中的依赖版本与上述更新后的版本一致。如果有冲突，手动更新 package.json 文件中的版本号。如果输出不是 /Applications/Xcode.app/Contents/Developer，重复上述设置路径的步骤。更新 Expo 依赖：运行 npx expo install 命令更新相关依赖，并清除 Metro 缓存。
Expo是什么？使用Expo创建ReactNative工程和构建
热门推荐
qq_37819292的博客
04-11 1万+
此文记录了Expo的工程搭建、构建应用到Expo Go 沙箱环境中、使用云端远程构建、使用本地构建。
使用Expo框架开发APP——详细教程
斯黄人民的博客
04-04 3225
本文全面介绍了如何使用 Expo 框架进行移动应用开发，包括环境搭建、项目创建、常用 API（如相机、定位、通知等）使用、页面导航实现以及打包发布流程。Expo 通过封装原生配置，简化开发流程，适合快速构建跨平台 APP。文中还对 Expo 的优势与局限进行了分析，帮助开发者高效上手并合理选型。
react-native项目创建搭配expo启动（保姆级教程）
huabg19567的博客
09-20 4247
通过vscode打开项目，终端运行安装依赖node_modules。下载完成之后将该安装包拖动到模拟器中（推荐mumu模拟器）命令创建基于expo的react-native项目。运行项目，以下是运行成功，二维码可以进行真机调试。下载Android Emulator安装包。复制上图链接粘贴到以下输入框中完全运行项目。nodejs以及npm自行安装。项目的所有路径都不能以中文命名。
Expo大作战(一)--什么是expo，如何安装expo clinet和xde，xde如何使用
03-10 1784
简要：本系列文章讲会对expo进行全面的介绍，本人从2017年6月份接触expo以来，对expo的研究断断续续，一路走来将近10个月，废话不多说，接下来你看到内容，讲全部来与官网 我猜去全部机翻+个人修改补充+demo测试的形式，对expo进行一次大补血！欢迎加入expo兴趣学习交流群：597732981 【之前我写过一些列关于expo和rn入门配置的东i西，大家可以点击这里...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值