react-native:unable to download js bundle
2016-01-23 15:08
501 查看
react-native是Facebook发布的一个开源框架,主要可以使用JS实现开发iOS,Android,web等,
他们的口号是仅学一次编写任何平台,learn once,write anywhere
最近我们公司也在使用react-native这个框架,所以我也是学习了一下,在学习过程中遇到的问题和大家分享。
首先将环境配置好后,开始react-native run-andorid运行Android项目到真机上
结果显示unable to download js bundle 以及一片红色(果然不会这么顺利的运行成功),
于是开始想办法解决问题,经过一番努力终于解决了。
问题:unable to download js bundle
解决办法:
1:启动node 因为react-native是以node为环境运行的(在调试的过程中要保证node server一直启动)
如果出现以上界面说明node启动出现问题
解决:在react-native 0.18版本下进入项目
找到 项目目录\node_modules\react-deep-force-update
没错就是光标选中的 然后手动删除,重新运行 react-native start
出现上面这个界面 在手机上reload js
到上面的界面说明node启动成功了,然后再次运行react-native run-android
项目运行成功,如果还不行进行第二步
2:真机摇一摇 进入Dev Settings
配置 IP:端口
电脑IP(不知道 ipconfig查询一下) 端口:8081
(保证手机和本地服务在同一个网段下)重新reload js成功运行
配置完成Dev setting后便可以在无线的情况下进行调试
他们的口号是仅学一次编写任何平台,learn once,write anywhere
最近我们公司也在使用react-native这个框架,所以我也是学习了一下,在学习过程中遇到的问题和大家分享。
首先将环境配置好后,开始react-native run-andorid运行Android项目到真机上
结果显示unable to download js bundle 以及一片红色(果然不会这么顺利的运行成功),
于是开始想办法解决问题,经过一番努力终于解决了。
问题:unable to download js bundle
解决办法:
1:启动node 因为react-native是以node为环境运行的(在调试的过程中要保证node server一直启动)
如果出现以上界面说明node启动出现问题
解决:在react-native 0.18版本下进入项目
找到 项目目录\node_modules\react-deep-force-update
没错就是光标选中的 然后手动删除,重新运行 react-native start
出现上面这个界面 在手机上reload js
到上面的界面说明node启动成功了,然后再次运行react-native run-android
项目运行成功,如果还不行进行第二步
2:真机摇一摇 进入Dev Settings
配置 IP:端口
电脑IP(不知道 ipconfig查询一下) 端口:8081
(保证手机和本地服务在同一个网段下)重新reload js成功运行
配置完成Dev setting后便可以在无线的情况下进行调试
相关文章推荐
- ReactiveCocoa - iOS开发的新框架
- iOS【ReactiveCocoa的使用(RAC的属性监听)】
- react native for android(ajax)
- 【React Native开发】React Native控件之Image组件讲解与美团首页顶部效果实例(10)
- 配置React Native环境
- React-Native学习指南
- react-native布局
- react-native布局
- react-native布局篇
- 1、React Native 中ES6语法解析
- 初入react-redux (基于webpack babel的react应用框架)
- 防止过度的模块化/组件化
- window 安装开发环境 react native for android
- 8、React中classSet的用法
- 【React Native开发】React Native控件之Image组件讲解与美团首页顶部效果实例(10)
- React Native入门——布局实践:开发京东客户端首页(二)TabBar的构建
- ReactJS组件间沟通的一些方法
- CSS Modules 详解及 React 中实践
- 7、React中的refs的使用
- 在Windows上将ReactNative集成到现有的Android项目