Mac RN环境搭建

这篇具有很好参考价值的文章主要介绍了Mac RN环境搭建。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

IOS

Android


IOS

吐槽:RN ios android原生环境搭建有时候是真恶心,电脑环境不一样配置也有差异。

前提:我已经安装官网的文档配置了ios环境

执行

npx react-native@latest init AwesomeProject

报错

Mac RN环境搭建,react native,react.js,javascript

 然后自己百度有一条说需要执行

gem update --system

执行完之后说是没有权限,执行失败。因为Mac自带的Ruby有权限限制,加sudo也不行。

继续百度,没办法使用Homebrew安装Ruby,

brew search ruby

Mac RN环境搭建,react native,react.js,javascript

brew install ruby@3.1

安装完成之后在.bash_profile增加环境变量配置

export PATH=/usr/local/opt/ruby/bin:$PATH

再执行

source ~/.bash_profile

执行

ruby -v

显示

ruby 3.2.2 (2023-03-30 revision e51014f9c0) [x86_64-darwin21]

说明ruby安装和环境变量配置成功。

再次重新初始化项目,依然报错。

现在不卡在install Ruby gems ,卡在install cocoapods 的依赖,还好cocoapods支持断点下载,那就等吧。

 最后还是报错,报错信息

error Couldn't find any versions for "@react-native/metro-config" that matches "^0.72.11" 

那就多试几次,最后终于初始成功(是到第二天才初始化成功,我中间不知道试了多少次,我都要快放弃了,什么玩意啊,我还想,这不是官方提供的命令吗,怎么会找不到版本。)。

npm 源 registry = "https://registry.npmmirror.com/",中间还试过几次翻墙初始化也失败。

Android

我运行安卓报错,Could not find com.android.tools.build:gradle,我打开AS配置

Mac RN环境搭建,react native,react.js,javascript

之前选择的是JKD1.8现在选择15,重新build

报错

Mac RN环境搭建,react native,react.js,javascript

Mac RN环境搭建,react native,react.js,javascript

关闭项目再次打开让它去下载。文章来源地址https://www.toymoban.com/news/detail-648480.html

到了这里,关于Mac RN环境搭建的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • React Native 环境搭建——IOS环境

    React Native 环境搭建,参考:加餐|集中答疑:详解iOS环境搭建-极客时间 已有npm、node、Homebrew 1、安装 Homebrew Homebrew国内如何自动安装(国内地址)(Mac Linux) - 知乎 2、安装 node、npm 3、安装 Watchman 的工具 它是由 Facebook 开发的一个工具,只要你的文件有一些变化,它就会自

    2024年02月05日
    浏览(37)
  • React-Native学习,RN的容器Flex-Box布局

    justify-content(在RN中属性名称为:justifyContent)在主轴上对齐方式 align-items(在RN中属性名称为:alignItems)在交叉轴上的对齐方式 在React Native中,当没有设置容器的主轴方向时,默认容器主轴方向为:flexDrection: \\\'column\\\',也就是说,当我们的容器的主轴的排布方向为竖直方向时

    2024年02月16日
    浏览(52)
  • 搭建React Native开发环境

    node.js官网 需要确定自己安装的版本是否是12版本以上 node -v npm install -g yarn 这是官网推荐的安装地址: android studio 国内用户可能无法打开官方链接,请自行使用搜索引擎搜索可用的下载链接。安装界面中选择\\\"Custom\\\"选项,确保选中了以下几项: 所以需要我们自己想办法来安装

    2024年02月04日
    浏览(43)
  • React Native环境配置搭建

    React Native官网环境搭建教程写的不够详细,并且有些坑,使得搭建环境很慢,本文章就是为了解决这些问题,以新手为标准的文档。 首先看下官网的说明: 重点: 必须安装的依赖有:Node、JDK 和 Android Studio 。 安装完这三个基本就可以了,接下来就详细讲讲这三个的安装。

    2024年02月13日
    浏览(27)
  • [快速上手RN] 3. React native 制作底部导航栏 Bottom Tab Bar

    [快速上手RN] 0.React Native 快速启动项目 [快速上手RN] 1. React native 项目集成UI Kitten [快速上手RN] 2. React native 项目色彩主题色编辑及使用 [快速上手RN] 3. React native 制作底部导航栏 Bottom Tab Bar [快速上手RN] 4. React native 集成redux 首先我们确认目标 在APP底部新增一个导航栏 导航栏点

    2024年02月05日
    浏览(51)
  • 【React Native】学习记录(一)——环境搭建

    Expo是一套工具,库和服务,可让您通过编写JavaScript来构建原生iOS和Android应用程序。 一开始学习的时候直接使用的是expo。 接下来需要搭建安卓和IOS端(为此特意换成了苹果电脑),主要参考的是 这里。 先说说比较容易大家的苹果系统:(在此之前记得先安装node) 可以通过

    2024年02月15日
    浏览(33)
  • 推荐用于学习RN原生模块开发的开源库—react-native-ble-manager

    如题RN的原生模块/Native Modules的开发是一项很重要的技能,但RN官网的示例又比较简单,然后最近我接触与使用、还有阅读了react-native-ble-manager的部份源码,发现里边完全包含了一个Native Modules所涉及的知识点/技术点,故特推荐给大家,共同学习与交流 react-native-ble-manager目前

    2024年02月15日
    浏览(49)
  • 求助帖:React Native failed installing Ruby Gems(rn 下载 Runby Gems 失败)

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 react native当前版本0.72.4,官方文档也是最新的, macos:13.3。 最近要用RN做一个项目,参照官方文档链接: link 已经完成了前期的配置工作,直到最后一步创建AsomeProject示例项目时候,RN下载依赖卡在Inst

    2024年02月07日
    浏览(45)
  • React Native环境配置搭建(全网最全 没有之一)

    小编在配置RN环境的时候,遇到了各种 坎儿,在发布这篇之前终于是搞好了,特此在这把详细过程记录下,以便造福各位。(一键三连点关注,关注小夏不迷路) 准备工作:必须安装的依赖有:Node、JDK 和 Android Studio。 1)node必须在14以上,可以去 node官网下载。 2)个人我推

    2024年02月02日
    浏览(45)
  • React Native环境配置搭建(看这一篇就够了!)

    搭建开发环境 · React Native 中文网 https://reactnative.cn/docs/environment-setup 开发平台选择 windows  目标平台选择 Android 准备工作:必须安装的依赖有:Node、JDK 和 Android Studio。 1、安装node  node必须在14以上,可以去 node官网下载,我这里用的是NVM。NVM教程  可以打开cmd,查看当前n

    2024年02月01日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包