2018-10-29


React-native常见错误及解决办法:

常见错误1:

2018-10-29_第1张图片
2018-10-29_第2张图片

 解决办法:在AndroidSdk/plaftorm-tools目录栏输入CMD回车运行


2018-10-29_第3张图片

然后继续操作可以完美解决该错误


2018-10-29_第4张图片

常见错误2:连接夜神模拟器后红屏提示:Could not connect to development server.


2018-10-29_第5张图片

解决办法:查看本机IP地址并且在夜神模拟器中修改一致,刷新即可


2018-10-29_第6张图片
2018-10-29_第7张图片

常见错误3:项目运行提示:“。。。已停止运行”


2018-10-29_第8张图片

解决办法:将ip地址后中文状态:(冒号)修改为英文状态下的:(冒号)


2018-10-29_第9张图片

常见错误4:项目中无滚动条,页面无法实现下拉功能


2018-10-29_第10张图片

解决办法: 检查在View中是否添加了ScrollView标签

2018-10-29_第11张图片

错误5: 常见红屏报错提示:…error code:500 查看下面提示:ModuleName。。。可以发现是图片有问题


2018-10-29_第12张图片

解决办法:仔细查看代码中图片的相关内容,命名一定要相符


2018-10-29_第13张图片

React-native常用调试方法:

RN中的红屏错误提示还是挺方便的,一般情况下都可以直接看错误描述就可以知道问题所在,例如下面的红屏错误信息:


2018-10-29_第14张图片

这个错误指出错误的标记产生,发生在js代码的249行.这里可能就是你少写了一个中括号或者括号,导致代码结构出现了问题.还是比较方便的.

如何在一个项目中切换运行不同的页面?

在项目中打开index.js,将如下图中三个位置的文件名修改成你需要运行的页面即可


2018-10-29_第15张图片

你可能感兴趣的:(2018-10-29)