react native项目环境配置工作按照react native中文教程 https://reactnative.cn/docs/getting-started.html安装配置就可以,然后初始化项目
首先使用使用如下命令初始化一个项目:
react-native init demo然后使用如下命令启动项目:
cd AwesomeProject
react-native run-android注意:第一次运行时需要下载大量编译依赖,耗时可能数十分钟。此过程严重依赖稳定的翻墙工具,否则将频繁遭遇链接超时和断开,导致无法运行。
启动会报如下错误:
- What went wrong:
Execution failed for task ':app:installDebug'.
com.android.builder.testing.api.DeviceException: No connected devices!重点是这句话:No connected devices!
这种问题是因为没有设备运行或者模拟器没开,导致没有链接上网络,真机也要记得开启调试模式。
解决办法:使用android studio打开你初始化创建的项目下的android目录,然后点击右上角启动android模拟器,如下图:
然后再使用cmd进入初始化的项目,使用启动命令react-native run-android运行项目,然后再android studio点击右上角运行按钮运行项目,
但又会出现如下错误:
1.在android模拟机屏幕出现红色500报错:

2.在android studio控制台输出日志报如下错误:
即Unable to download JS bundle
解决方案:
在你创建的项目下,打开cmd,执行命令:
adb shell input keyevent 82就会在你的模拟器上弹出dev settings窗口

选择Debug server host & port for device

然后查询你本机的ip,输入本机的IP及相应的端口,默认端口号是8081,但如果改端口被占用,可以转其他端口。

但,当我输入ip没输入端口时,且启动没使用react-native run-android命令,直接使用android studio Reload时,报如下错误:

然后我加入端口号8081,启动时依然没使用react-native run-android命令,直接使用android studio Reload时,报如下错误:

使用react-native run-android命令,然后在android studio Reload时,报如下错误:
Unable to instantiate appComponentFactory


在https://stackoverflow.com网站搜索:android.support.v4.app.CoreComponentFactory
解决方案如下:在android studio工具栏的Build里面清除build,如下:

然后执行运行命令:react-native run-android 报如下错误:

解决办法如下:https://stackoverflow.com/questions/55149658/error-unable-to-resolve-module-index-from-node-modules-react-native-scrip
在项目根目录的node_modules里面找到react-native\scripts\launchPackager.bat文件,在
node "%~dp0..\cli.js" start 后面添加 --projectRoot ../../../如下图:

完美解决,虚拟机运行如下图:
