必须切换淘宝镜像,否则会一直拉取失败

1、环境搭建:

https://reactnative.cn/docs/environment-setup

2、一键清理 Node 依赖与 npx 缓存,在项目根目录执行: (如果有旧的RN cli)

//删除项目依赖
rm -rf node_modules

//删除 npm 锁文件(如存在)
rm -f package-lock.json yarn.lock

//清理 npm 全局缓存
npm cache clean --force

// 删除 npx 临时缓存
rm -rf ~/.npm/_npx

3、启动顺序

在vscode 终端中先启动(项目根目录)

//只启动 Metro 打包服务(开发服务器)
npx react-native start

然后在另一个终端中启动(如果只执行,这一步,会自动在外面窗口启动 Metro,会报一些错误:如error (0 , _util.styleText) is not a function.)

//启动 Metro + 编译并安装 Android 应用到设备上
yarn android / npx react-native run-android
//OR
yarn ios

4、常用命令

Node 是“运行环境”,npm 是“它自带的包管理工具”。

node -v
v22.12.0
npm -v
11.6.2
nvm ls
nvm use v22.12.0

在这里插入图片描述

5、Android 预览

在这里插入图片描述

6、IOS 预览

在这里插入图片描述
在这里插入图片描述

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐