React-Native开发之BUG 总结持续更新

博客将详细记录在React-Native开发中所遇到的各种问题以及其解决方法

个人感觉,React-Native开发初期真的是一脚一个大坑,分分钟被虐趴下。

不说了,直接上Bug

1、在Windows下搭建环境可以参考这个博客

Android之Windows下搭建React Native Android开发环境

问题:在第五步的时候输入react-native init reactNative,即初始化项目的时候,提示react-native不是内部或

外部命令,也不是可运行的程序或批处理文件

出现原因:前面的node没有配置成功。

解决办法:参考博客,主要是Node_PATH环境变量没有设置成功。

NodeJS、NPM安装配置步骤(windows版本)

2、

问题:build项目时,即输入react-native run-android 时出现 Failed to find Build Tools revision 23.0.1,如图所示:

出现原因:Android SDK没有更新安装完整。

解决办法:设置SDK,安装更新。

打开Android SDK Manager。选中以下项目:
Android SDK Build-tools version 23.0.1
Android 6.0 (API 23)
Android Support Repository
Local Maven repository for Support Libraries

如图所示:选中之后,点击右下角的 Install Packages...进行安装。可以在右下角点开详细信息框,观察是否安装成功。

由于国内某墙的原因,如果不能更新,则需要设置镜像,使用代理了。推荐一个网站,http://www.androiddevtools.cn/#userconsent

此网站 收集整理Android开发所需的Android SDK、开发中用到的工具、Android开发教程、Android设计规范,免费的设计素材等。

3、

问题:build项目时,即输入react-native run-android 时出现 Unable to upload some APKs,如图所示:

出现原因:App的配置中使用了bug比较多的版本的gradle,比如版本1.3.1.

解决办法:在项目文件夹/android / build.gradle文件中找到 com.android.tools.build:gradle:1.3.1。把它改成这

com.android.tools.build:gradle:1.2.3。当然了,其他版本的gradle也许也行。

4、

问题:程序安装成功后,出现大白屏,并且摇晃手机没有出现目录选项。

出现原因:手机本身对该应用的权限导致的。

解决办法:打开手机设置—应用管理—找到刚安装的应用—权限管理—悬浮窗,打开悬浮窗。



5、

问题:build success之后,出现大红屏,摇晃手机之后,选择Dev Settings,输入电脑端 ip:8081后,app奔溃,停止运行。

出现原因:好无语呀,竟然是ip和8081之间的冒号出问题了。

解决办法:将冒号改为英文格式的。

6、

问题:Could not connect to development server(Android)如下所示:


出现原因:连接不到服务器。

解决办法:详见本博客中如下文章

React—Native开发之 Could not connect to development server(Android)解决方法

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...