React-Native 环境搭建

1、安装Android开发环境(JDK、Android Studio)

2、下载并安装nodejs,下载官网:https://nodejs.org/en/

3、安装react-native命令,在命令行中执行“npm install -g react-native-cli”进行安装,需要等待一段时间

4、执行命令下载一个初始化项目(项目在GitHub上):react-native init <项目名称>

5、运行项目并安装到Android设备上(命令行):react-native run-android

6、WebStorm本身支持React-Native,新建项目后->运行->命令行运行react-native run-android

7、浏览器上调试
安装Chrome浏览器的插件:React Developer Tools
chrome://inspect/#devices
http://localhost:8081/debugger-ui/ 同时按下F12
晃动手机,选择 Remote JS Debugging

/////// 报错处理 ////////////
1、运行时出现错误Unable to load script from assets 'index.android.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 && react-native run-android

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容