美文网首页
react native所遇到的问题

react native所遇到的问题

作者: 冰天雪地_6409 | 来源:发表于2018-10-29 10:32 被阅读0次

错误1.


0a5cf447dab7bf37090aa7ae4ba5b5f.png

看下报的警告就知道调试程序在这个窗口导致运行缓慢,所以建议你换一个单独新的窗口进行调试

错误2. 47faee70434b7677cf73b9ef3c692f6.png

遇到了不要紧张多按 ⌘R几下或者把模拟器上的项目删除之后重新加载一般就会解决

错误3.


7f1e18d5c0f84ff6a7f900910f831e2.png

没有连接服务器,从新启动项目。或者就是8081端口号没改
修改端口号步骤:设置夜神模拟器的主机和端口号:三横杠-》Dev settings-》Host&Port:10.133.231.185:8081

错误4. 186171790346747482.jpg

我这里是sdk的问题,sdk里面缺少文件,重新安装SDK。

错误5.

问题:运行项目的时候,直接闪退,打不开。
解决办法:将app删除,重新启动项目。

错误6.

问题:项目运行不出来,出现白屏。
解决办法:可能是index.js没有修改


746161243137976356.jpg

图中标注的是需要改的WeChat是.js文件名称,hello是项目名称。

错误7.


436736-a81b9dc41f134124.png

这是你请求的URL错误。要是https:// 的才行

错误8: 328e4295896bb78ad6af95cfecd51ad.png
  1. 运行react native设备时需要连接真机或者模拟器。

  2. 手机上面的开发者模式没有打开,需要进入手机设置页面打开开发者模式。

  3. 同时运行了多个模拟器。

解决办法:连接一个模拟器,重新启动项目。

9.代码调试方法
在运行带RN的工程后,当前页面下ios模拟器通过cmd+D(真机可以通过摇一摇),android通过Menu按键,调出RN的开发者菜单,如图所示。

3112038-f4e65b08b8d788b6.png
其中有选项“Debug in Chrome”,可以将JS脚本在Chrome中进行调试。 此时Chrome会新建一个地址为http://localhost:8081/debugger-ui
的窗口
3112038-dd5244530998ac3c.png
窗口中提示:RN的JS脚本正在这个tab中运行,可以通过快捷键⌘⌥J打开开发工具。
按照提示打开debug模式,就可以看到这样的一个窗口。 20160405185500164 (1).png

10.在一个项目中切换页面


746161243137976356.jpg

修改index.js 修改标注的几个地方,hello是项目名称
import 填自定义组件名,from./填文件名 =》后填组件名

相关文章

网友评论

      本文标题:react native所遇到的问题

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