初学React Native---环境搭建以及踩过的坑

咱先把环境搭建起来,开始也会遇到坑我会把我遇到的问题,在最后错误提示列出解决方法,希望能帮到各位~~

=============================================

安装

1.安装Node.js

2.安装React Native命令行工具

npm install -g react-native-cli

react-native --help       //查看所有命令行

3.安装androidStudio【最好安装,也可以不安装。运行的时候方便】

=============================================

创建项目

创建第一个项目【命令行进入自己想要在那个路径下创建】

react-native init <项目名字>

=============================================

运行项目

1.在命令行运行之前,确保要有一个正在运行的模拟器【或者连接电脑的一个设备】

react-native run-android【在当前文件更目录位置】

第二种方法:

打开androidStudio--然后打开安卓项目,Run-app

成功了~~

=============================================

遇到的坑

错误提示1:

解决方案:

1在更目录的XXXXX\android\app\src\main目录下新建assets文件夹

2.打开命令行,在自己项目更目录路径下面输入

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

【温馨提示:如果你的跟文件夹只有index.js,输入上面代码。如果你的根文件是index.android.js,则把上面index.js改成index.android.js】

3.输入完成之后,你会发现可以在assets里面生成两个文件夹。

错误提示2:

Unable to resolve module `AccessibilityInfo` from `xxx\node_modules\react-native\Libraries\
react-native\react-native-implementation.js`: Module does not exist in the module map

解决方案:【这个问题可能是新版本的bug】

1. 在工程根目录下执行 npm install --save [email protected]
2. 然后执行react-native upgrade。然后一直点击y

最后会提示:Successfully upgraded this project to react-native v0.55.4

错误提示3:

解决方案:

在命令行根项目目录下执行:npm install --save-dev [email protected]

安装之后,再次运行一遍,就可以出来了

猜你喜欢

转载自blog.csdn.net/qq_28004379/article/details/81078833