React-native Run Demo 笔记小结

原创 zheling 随笔 React-native 84阅读 2018-08-29 10:38:14 举报

1.安装Android Studio时需要选择 Custom 选项而不是 Standard

2.确保打包文件bundle已存在

该目录,(你的项目文件夹)\android\app\src\main\assets,必须要有的两个文件:
index.android.bundle
index.android.bundle.meta

否则会报关于 bundle 的相关错误。

生成bundle文件命令:
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
由于0.49版本以后的react-native没有index.android.js和index.ios.js文件,而统一合并成了index.js,所以使用0.49及以后版本需要将入口文件改为index.js

若执行命令无法生产 bundle 文件,尝试更换 package "babel-preset-react-native": "2.1.0"的版本。

3.确认开启Development Server

react-native run-android 启动项目时,会自动启动一个JS服务器,相当于中间服务器的作用,虚拟机的项目连接的就是这个。然而在Android Studio中直接点击运行并不会启动这个服务,需要自己手动启动,在react native项目中运行react-native start 先启动这个服务。

错误描述:Could not to connect development server

Development Server ip:port/debugger-ui(或在手机模拟器的开发者菜单的 Remote JS Debugg 来打开该页面),用于开发调试,本机 ip 通过 ipconfig 来查看,使用时若console报错,可以扩展chrome程序:Allow-Control-Allow-Origin 来解决。

4.React-native(0.55.4) \ React-native-cli(1.2.0) Version 问题

错误描述:Unable to resolve module Accessibilityinfo......

这是react native版本是0.56的错误。可以换成0.55.4版本

5.Android Studio 的 AVD 调出开发菜单dev Setting命令

adb shell input keyevent 82

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复