React Native Android(一) 新建项目，运行，错误解决

最新推荐文章于 2024-01-11 21:15:57 发布

蓋亞光

最新推荐文章于 2024-01-11 21:15:57 发布

阅读量2.4k

点赞数 1

分类专栏： React Native学习笔记文章标签： react-native 新建项目运行错误解决

本文链接：https://blog.csdn.net/CSDN_GYG/article/details/62236256

版权

React Native学习笔记专栏收录该内容

11 篇文章 0 订阅

订阅专栏

一、新建项目:
1.打开命令行窗口（windows+R）；
2.切换到要创建项目的目录；
这里写图片描述
3.创建项目（react-native init MyRNProject）

这个可能要等待几分钟，直到界面显示如下：

至此，项目创建成功。
二、运行:
1.切换到项目根目录下，然后执行react-native run-android命令:

稍等片刻，看到：
这里写图片描述
则编译运行成功，项目已经安装运行到手机上。
三、错误解决：
1.Could not get BatchedBridge, make sure your bundle is packaged correctly。
项目已经成功运行到手机上，但是定睛一看，却出现如下所示的页面：

解决办法：cmd切换到项目根目录下，执行如下命令：

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

过程中会提示：
这里写图片描述
解决办法：在D:\demo\MyRNProject\android\app\src\main目录下新建一个assets文件夹,再执行以上命令，发现assets目录下多出两个文件：

再执行react-native run-android命令，手机运行界面如下：

运行成功。
仔细阅读RN的说明，可以看到：To get started, edit index.android.js，编辑index.android.js就可以更改项目，index.android.js是程序的根本。
Double tap R on your keyboard to reload,Shake or press menu button for dev menu。
双击输入框的R键来重新加载，或点击menu菜单或摇晃手机打开开发菜单：
这里写图片描述
此时，我们更改index.android.js的内容，点击reload重新加载，发现界面又报错：

2.could not connect to development server，连接不到开发服务器
解决办法：点击菜单按钮打开开发菜单，找到Dev Setting选项，点击进入如下界面：
这里写图片描述
点击Debug server host&port for,弹出如下界面：

更改地址为当前开发电脑连接网络的的ip地址，端口号为8081。获取电脑ip地址的方式是命令行窗口执行ipconfig命令，如下：

再重新reload，界面就会更新我们修改的内容。