细说安装react native时所遇到的坑及填坑过程

前端之家收集整理的这篇文章主要介绍了细说安装react native时所遇到的坑及填坑过程前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

注意:此文是windows端安装android studio的经验过程。@H_301_3@

首先,官方的安装文档:https://reactnative.cn/docs/0...@H_301_3@

按照它的步骤一步步来,依次安装ChocolateyPython 2Node,Yarn,React Native的命令行工具(react-native-cli),Android Studio,以及推荐安装的工具Gradle Daemon。可选的安装项Git,Genymotion,Visual Studio Emulator for Android可以先不装,配置ANDROID_HOME环境变量及path变量,最后测试安装:@H_301_3@

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

理想中应该能得到你最终想要的结果,尽管自己也不知道结果到底是啥。但事与愿违,测试的过程中总是出现这样或那样的报错。下面总结下我所遇到的问题,以及如何去解决。@H_301_3@

1、切忌一定要以管理员的身份安装任何组件,插件,即用户名Administrator,有些大公司用工号登录的绝对会遇到这个坑。@H_301_3@

2、执行react-native run-android这个命令后,出现no connected devices错误
原因:没有启动AVD模拟器,解决办法:开启模拟器;操作方法:打开android studio,在工具栏右边有个手机模样的按钮,鼠标放上去会出现 AVD Manager,点击进去,第一次需要下载模拟设备,下载完后,在模拟设备右边有个三角形,点击启动即可。@H_301_3@

@H_301_3@

@H_301_3@

3、在安装react native组件或安装启动AVD模拟器的任何过程中,大概率会遇到VT-X disabled类似的字样,此问题需重启电脑,按f1进入bios设置,Advanced –> cpu Configuration –> Intel Virtual Technology设置为Enabled,不同品牌型号的电脑操作方法会有差异。@H_301_3@

4、执行react-native run-android命令后,感觉一路很顺畅,到最后却卡在那里不动,也不报任何错,很有可能是权限的问题,官网也特意说明了这个问题“Windows用户请注意,请不要在命令行默认的System32目录中init项目!会有各种权限限制导致不能运行!”,所以测试时,请把命令提示符里的路径切换到c盘以外的盘,然后再init,避免出现权限类的问题。@H_301_3@

5、修改完环境变量后一定要把当前的命令提示符窗口关掉再重新打开,不然环境变量不生效,由此引发的后续问题很有可能会让你抓狂。@H_301_3@

最后运行指令,出现这个界面则表示安装成功了@H_301_3@

@H_301_3@

猜你在找的React相关文章