react-native报错集合以及调试方法和切换页面

一.常见错误

     1.could not connect to development server

没有连接服务器(图片来自网络,侵删)

解决方法:输入cmd,进入终端,找到项目文件并进入,然后执行:(cd Pods/React; npm run start) 重启npm。

2.终端运行报错

无法运行

解决方法:进入项目文件,并运行“npm install”,安装npm。

3.cant find variable helloworld

找不到helloworld(图片来自网络,侵删)

解决方法:根据提示我们可知,项目运行时找不到可变的helloworld,没有找到项目下的文件,可以删除重新创建。

4.JS报错

无法找到JS(图片来自网络,侵删)

解决方法:根据提示可知,无法下载JS。无法自动开启packager,需要手动打开。照着提示,执行“react-native start”,然后再运行项目。

5.找不到项目下的目标文件

项目中的图片找不到

解决方法:检查项目中的图片名称是否存在,图片格式是否正确。

一定要多检查环境配置是否正确,所有的软件配置是否安装到位,重新联网的时候,模拟器的ip都要重新用ipconfig在cmd中查找一遍。

二.调试方法

一个好的调试方法可以给项目减少很多麻烦,下面我介绍一种非常简单好用的模拟机调试方法:下载夜神模拟器进行调试。

1.在每次调试时要在终端进入创建好的项目中,并打开夜神模拟器;

2.之后在终端运行adb connect 127.0.0.1:62001,然后运行react-native run-android。该过程中要保证电脑的联网,在终端输入ipconfig,找到电脑的ip(每次联网都会有新的ip);

3.然后打开夜神模拟器,设置主机和端口号:三横杠-》Dev settings-》Host&Port:ip地址:8081,一定要加8081,并在调试期间保证8081端口不被占用。

然后就可以运用模拟器进行简单的调试了,当然也可以进行真机调试。


三.页面切换

在同一个项目下的index.js文件下更改代码,即可实现页面切换。


index.js

更改第二行import后面的名称,和第二行./后的文件名,以及第三行=>后的名称,都改为你需要切换的项目名称。

---感谢观看---

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容