您的位置:首页 > Web前端 > React

react-native学习记录

2017-10-12 17:37 543 查看
搭建好react-native0.49的android的windows环境后,执行:react-native init AwesomeProject,一切顺利,结果使用Android真机连接电脑后,执行:react-native run-android,漫长的等待后,手机界面上出现:unable
to load script from assets 'index.android bundle'  ,make sure your bundle is packaged correctly or youu're runing a packager server,此时此刻内心是崩溃的,去网上查了一下,并测试了半天,发现大多数文章都有地方没说清楚,因此记下来,免得以后忘记了:

1.在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

3.重新执行:react-native run-android

4.进入app后,如果界面上出现Welcome to React Native!字样,说明运行成功了

5.摇晃手机,会出现菜单,点击Dev Settings->点击Debug
server host & port for device,在弹出界面上输入pc机的局域网ip+端口(例:192.168.1.21:8081),确定后,即可在pc上修改js,然后手机上reload了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  react-native