美文网首页ReactNative
学习React-native的一些错误总结

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

作者: ysy321 | 来源:发表于2018-10-29 10:45 被阅读123次

    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文件名。

    相关文章

      网友评论

        本文标题:学习React-native的一些错误总结

        本文链接:https://www.haomeiwen.com/subject/wnzvtqtx.html