一 安装node和Watchman

在终端输入

brew install node@18 安装版本号为18的node

等待安装完成后打开zshrc添加

export PATH="/usr/local/opt/node@18/bin:$PATH"

这个可以在终端的安装信息中看到,然后在终端中输入node -v命令,终端中会打印出版本号就成功了
继续在终端中输入

brew install watchman

安装Watchman,等待安装完成。

二 安装Yarn和react-native-cli

安装Yarn,在终端中输入

npm install -g yarn

安装,等待安装完成,完成后输入

npm install -g react-native-cli

如果之前有安装过旧版本的react-native-cli可以输入

npm uninstall -g react-native-cli

先卸载掉再安装新的版本,防止出现冲突,如果安装过程中,终端有出现下图红色方框中的error信息
在这里插入图片描述
可以使用下面的命令安装

sudo npm install -g react-native-cli

到这步就安装好了。
由于我是在网上拉了个rn的项目想运行起来,此时可以在终端中cd到项目目录下,在输入

yarn

如果有出现如下图的错误,可以删除掉_cacache中的所有文件,再重新运行一下上面这个命令
在这里插入图片描述
等待安装完就可以试跑一下项目了,我是跑android平台,在终端中输入

yarn android

如果会弹出下面图片中的终端,在新弹出的终端中输入a等待编译
在这里插入图片描述
要在android studio中运行rn项目中android目录的android原生项目,需要先将这个rn项目编译一次,在android studio才能跑起来

打包apk

$ cd android
$ ./gradlew assembleRelease

打包aab

cd android
./gradlew bundleRelease

apk/aab生成路径 android/app/build/outputs/bundle/release/

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐