react-native总结错误+解决办法

2018-10-29  本文已影响0人  张超_fcce

1.Unable to load script from assets 'index.android.bundle' 出错

当你运行 react native 程序的时候出现这个错误 ,如果您使用Windows,请按以下方式运行命令,或者如果出现错误“无法找到条目文件index.android.js”,解决方法:

第一步(创建缺失的目录):mkdir android\app\src\main\assets

第二步(在创建好的目录添加程序需要的文件):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

第三步:react-native run-android

2.在react-nativev run-android后找不到已安装的sdk的包,在查看文件中却存在这个sdk的包,删除现有的sdk包重新下载即可,如果依然不行,需要卸载AndroidStudio并重新安装、配置和下载相应的包。

3.在run工程后出现报错:未接受sdk协议 

 解决方法:https://blog.csdn.net/LJFPHP/article/details/78992658   

4.run工程后出现如图500的报错,

解决办法:在当前项目的路径下分别运行以下命令:npm uninstall babel-preset-react-native

如果是yarn 则运行:yarn remove babel-preset-react-native

最后重新运行

5. 当出现如下报错是模拟器无法连接到本地服务器,原因的系统没有启动node服务器,需要自己打开

解决方法:运行命令  npm start

调试方法:联机调试

1.下载安装夜神模拟器,去夜神官网下载即可!然后安装完成!进入到初始化项目的目录,打开cmd命令,运行adb connect 127.0.0.1:62001 链接模拟器

2.链接完成之后,运行安装react-native项目!react-native run-android

在运行这个命令之前,最好先开启项目运行服务,react-native start

有的情况下,在run-android的时候,会自动开启服务,

3.等待安装debug版本的刚初始化的react-native项目!安装完成之后,打开模拟器中的APP,会看到一个react-native的欢迎页

4.这时候一个简单的刚初始化好的APP就安装在你的模拟器当中了,然而现在并不能进行调试开发,因为还需要配置以下几个东西:1.2.记录电脑的ip地址,可以在cmd命令当中运行ipconfig查询到ip4地址,3,打开模拟器浮窗,选择device settings 找到ports设置,运行服务IP加端口,也就是查询到的IP地址加8081端口,4.设置完成后,即可打开浮窗选择reload,就刷新的APP,开发调试流程成功!那我们先一步步来,获取IP地址:运行->ipconfig获取IP地址

5.然后打开模拟器浮窗,选择device settings,点击之后选择debug sever host ports那一项

6.然后输入之前查询到的IP地址加端口号,然后确定,点击返回,打开浮窗,选择reload就可以开始调试了!

7.这样,整个的模拟器调试流程,及过程就已经完成了!用VS CODE打开项目之后,修改了代码,直接打开浮窗,reload一下就可以看到效果了!


上一篇下一篇

猜你喜欢

热点阅读