React-native常见错误总结 及 Debug JS Remtoely调试
报错一:Could not connect to development server
错误原因1: 无法连接node.js服务器。
解决方式:
1. 单机右边三条杠或者摇一摇,然后再单机Dev Settings
2. 单机Debug server host& port for device 并且在命令框中ipconfig找到自己的电脑IP,输入进所显示的框中,注意中英文符号。
3.然后点击摇一摇,重新的Reload一下就好了。
报错二:Application Fist has not been registered
错误原因: 更改了index.js
解决方式:
1.打开项目文件夹,找到index.js,并用记事本打开。
2.检查AppRegistry.registerComponent('XXXXX',() => scrollViewTop);中XXXX是否和你的项目名称一致。通常此类错误不常见。
3.修改完成后保存并重新运行,则恢复正常。
报错三:ReferenceError:Can't find variable:Image
错误原因: 缺少image组件的声明。
解决方法:
1.在index.js中找到这个文件,摁住CTRL然后鼠标左键单机即可跳转。
2.在文件头的位置找到import{ XXXXXX } from 'react-native';这句话,并且在这句的XXX的位置加上需要声明的组件即可。
3.然后保存并重新运行即可。
报错4:Unable to load script from assets 'index.android.bundle'
错误原因: 新版本文件名已经从index.android.js变为了index.js;
解决办法:
1.在系统运行窗口中切换到项目目录下,运行mkdir android\app\src\main\assets
ps: 因为之前运行过,所以是已经存在。
2.再运行react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res等待完成即可。
3.然后重新用react-native重新运行即可。
报错5:The development server returned response error code:500
报错原因: 此类错误一般是由代码编辑错误造成,重新检查代码,可以在node.js图形化窗口得到提示
解决办法:
1.打开图形化窗口node.js,找到报错原因。
2.修改代码至正确,然后重新运行即可
调试方法:利用夜神模拟器的自带调试方法Debug JS Remotely
单机夜神模拟器摇一摇或者三条杠,找到 Debug JS Remotely 打开后会跳转到谷歌游览器中进行调试。
当你不需要调试的时候再点击摇一摇或者三条杠,单机Stop Remote JS Debugging即可。