原创 macbook RN 环境搭建(实测心得)

这里的依赖除了 Watchman 都是必须安装的,

按照文档来的时候到 创建的时候

复制代码
npx react-native@latest init AwesomeProject

可能会触发错误,因为这是使用的默认的自带的ruby版本,虽然文件模板被创建了,会报错,后期也无法运行起来。

你就需要 一下操作

mac设置 ruby版本

rvm use 3.2.2 && npx react-native@latest init AwesomeProjectmactest

如果你已经安装了 Ruby 3.2.2 并希望在你的开发环境中使用最新版本的 Ruby,你可以使用 Ruby 版本管理工具来管理不同版本的 Ruby,并设置默认使用最新版本。以下是使用 rbenv 或 rvm 进行管理的步骤:

使用 rbenv:

安装 rbenv: 如果你尚未安装 rbenv,可以通过以下命令安装:

brew install rbenv

安装 Ruby 3.2.2: 如果你还没有安装 Ruby 3.2.2,可以通过以下命令安装:

rbenv install 3.2.2

设置全局 Ruby 版本: 使用以下命令将全局 Ruby 版本设置为 3.2

rbenv global 3.2.2

检查版本: 运行以下命令来验证 Ruby 版本是否已更新为最新版本:

ruby -v

安装 rvm: 如果你尚未安装 rvm,可以通过以下命令安装:

\curl -sSL https://get.rvm.io | bash -s stable

重新启动终端: 安装完 rvm 后,需要重新启动终端窗口。

安装 Ruby 3.2.2: 使用以下命令安装 Ruby 3.2.2:

rvm install 3.2.2

设置默认 Ruby 版本: 使用以下命令将默认 Ruby 版本设置为 3.2.2:

rvm use 3.2.2 --default

检查版本: 运行以下命令来验证 Ruby 版本是否已更新为最新版本:

ruby -v

一般情况下成功初始化了,就能跑起来了。

相关推荐
lbb 小魔仙42 分钟前
【HarmonyOS实战】React Native 鸿蒙版实战:Calendar 日历组件完全指南
react native·react.js·harmonyos
大橙子额2 小时前
【解决报错】Cannot assign to read only property ‘exports‘ of object ‘#<Object>‘
前端·javascript·vue.js
WooaiJava3 小时前
AI 智能助手项目面试技术要点总结(前端部分)
javascript·大模型·html5
LYFlied3 小时前
从 Vue 到 React,再到 React Native:资深前端开发者的平滑过渡指南
vue.js·react native·react.js
Never_Satisfied3 小时前
在JavaScript / HTML中,关于querySelectorAll方法
开发语言·javascript·html
董世昌413 小时前
深度解析ES6 Set与Map:相同点、核心差异及实战选型
前端·javascript·es6
WeiXiao_Hyy4 小时前
成为 Top 1% 的工程师
java·开发语言·javascript·经验分享·后端
xjt_09015 小时前
基于 Vue 3 构建企业级 Web Components 组件库
前端·javascript·vue.js
我是伪码农5 小时前
Vue 2.3
前端·javascript·vue.js
辰风沐阳6 小时前
JavaScript 的宏任务和微任务
javascript