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

一、新建项目:
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,界面就会更新我们修改的内容。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值