学习React-native的一些错误总结

1、 遇到的错误与解决方法：

（1）在第一次创建项目时，下载很多东西之后运行报错：Exception in thread “main” java.net.UnknownHostException:downloads.gradle.org（图片未保存）。

遇到这个错误是因为项目里的gradle未下载成功，可以将项目删除后重新创建项目或者从http://www.androiddevtools.cn/上下载一个gradle-2.4-all.zip。

（2）项目第一次或者重新联网运行时报以下红屏错误：

遇到这种错误是因为模拟其中IP地址未改正，可以点击模拟器最左端一列的菜单键，选择Dev Settings→Debug server host & port for device将里面的内容改为“本机IP地址+:+8081”

（3）写项目的时候运行报以下红屏错误：

最初觉得自己代码并没有写错，仔细看后发现自己将View标签中的V写成了小写即view，因此报了这样一个红屏错误，将v改成大写就能解决这个问题了。

（4）写了代码之后运行报一个500红屏错误，如下图所示：

遇到该问题的原因可以从node里寻找：

从第三行中The module ./muyewan2.png could not be found from C:\User\admin\hello\App.js，该原因是因为将图片名字写错，造成找不到图片而报错。将项目中图片名字改成项目里存在的图片名字。

（5）adb连接的时候，连接失败，端口被占用（图片未保存）。

在终端中输入：adb nodaemon server可以看出占用的端口，继续输入netstat –ano | findetr “5037”可以查看占用该端口的pid，打开任务管理器找到对应pid的进程，选择技术进程。

（6）在终端输入react-native run-android，出现以下错误：

说明未使用adb connect 127.0.0.1:62001，先运行该命令，再运行react-native run-android即可。

2、 调试方法：

（1） 打开谷歌浏览器设置

（2） 打开扩展程序商店

（3） 搜索扩展程序react developer tools

（4） 安装

（5） 运行程序

在模拟器上的左侧的菜单栏中可以选择Debug JS Remotely，点击后会打开谷歌浏览器，如果浏览器打开了但是没有跳转任何页面，则自己在地址栏输入http://localhost:8081/debugger-ui/然后跟着浏览器的提示，Console是看日志的地方，Source这边可以打断点，运行时会自动在断点处停止。

3、 如何在一个项目中切换运行不同页面？

打开项目中的index.js文件

如果需要切换不同页面，只要需要更改第二行的两个App与第四行的App，其中第二行的第一个App与第四行的App是需要显示的页面js文件中代码里，export default class App extends Component这一行中class的名称。第二行第二个App则是js文件名。