React Native的初次体验,以及创建时排坑
React Native环境搭建
搭建环境也不算复杂,可能你会在安装Android Studio会出问题,问题一般都是出在下载依赖出错,建议科学上网
Nodejs环境配置可以参考:https://pcnto.com/zhide/25-nodejs-installation-and-environment-configuration.html
这里大家可以去官方去看一下,很简单,这里贴出地址:https://reactnative.cn/docs/environment-setup
创建项目
npx react-native init AwesomeProject
这个我需要详细说一下,这个根据你配置的nodejs的 node_cache 文件夹的位置有关,如果你是参考我博客帖子安装配置的nodejs环境需要改一下位置。
因为如果不该目录会一直报错,下载不成功,目录不能含有空格,所以需要去掉,或者自己单独新建一个文件夹,或者可以按照我的配置,直接在终端执行即可。
npm config set cache "D:\Program\nodejs\node_cache"
项目下载到本地之后别着急去运行,先打开Android Studio去初始化一下项目,下载完依赖即可
启动项目
启动项目比较简单,使用官方命令即可
# 进入项目文件夹
cd AwesomeProject
yarn android
# 或者
yarn react-native run-android
报错信息整理
由于昨天晚上出现的错误没有想起来截图,所以就暂时简单说一下
下载完依赖如果出错爆红可以选择,链接一下依赖
npx react-native link
还有还有比如其它的爆红操作,可以尝试删除node_modules文件夹再执行
yarn install
基本上一下报错大部分都是下载依赖的问题,缺少或者是没有下载完全
如果上面你发现错误,还望指正,小弟在此谢过