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

基本上一下报错大部分都是下载依赖的问题,缺少或者是没有下载完全

如果上面你发现错误,还望指正,小弟在此谢过

文章作者: Caesar
文章链接: https://pcnto.com/daily-learning/32-react-native-first-experience.html
版权声明: 本博客所有文章除特别声明外,转载请注明来自 Peng blog

如果您喜欢本站,你可以点击主页广告以示支持,谢谢。

广告是本站收益的来源希望您能够谅解。