无标题文章

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即可。