f8app在window安装教程
这货,花了我好几天时间IDE:androidStudio,可以按照提示修改错误1、建立一个空的文件夹!!!这一步很重要2、$ git clone https://github.com/fbsamples/f8app.git3、$ cd f8app4、$ npm install这一步我出现了好多不知所措的错误,然后神奇的是,多装几次就好了!!!5、运行mongod -
这货,花了我好几天时间
IDE:androidStudio,可以按照提示修改错误
1、建立一个空的文件夹!!!这一步很重要
2、$ git clone https://github.com/fbsamples/f8app.git
3、$ cd f8app
4、$ npm install
这一步我出现了好多不知所措的错误,然后神奇的是,多装几次就好了!!!
5、运行mongod --dbpath "W://MongoDB//data"
https://github.com/ReactWindows/f8app/blob/data/mongodb/db.zip
把db.zip解压后的文件拷贝到W://MongoDB//data下
mongod --dbpath "W://MongoDB//data"
打开mongodb 确保运行起来: https://www.cnblogs.com/Joans/p/3706406.html
6、启动 Parse/GraphQL servers
$ npm start
npm run import-data 这条命令运行会百分百报错SyntaxError:Unexpected token P in JSON at position 0 ,所以不要这个命令了。什么去除https证书验证、代理都没有,因为那个请求链接已经关闭
http://blog.csdn.net/industriously/article/details/73302207
7、确认下面的地址是可以访问的,并且是有数据的。
http://localhost:8080/dashboard
http://localhost:8080/graphql打开http://localhost:8080/graphql
输入
query{
schedule{
title
speakers{
name
title
}
location{
name
}
}
}
运行有结果
8、react-native start 这句必须有
9、react-native run-android
Exception in thread "main"java.lang.RuntimeException: Timeout of 120000 reached waiting for exclusiveaccess to file:/Users/weidingqiang/.gradle/wrapper/dists/gradle-2.4-all/3i2gobhdl0fm2tosnn15g540i0/gradle-2.4-all.zip
at org.gradle.wrapper.ExclusiveFileAccessManager.access(ExclusiveFileAccessManager.java:61)
at org.gradle.wrapper.Install.createDist(Install.java:47)
at org.gradle.wrapper.WrapperExecutor.execute(WrapperExecutor.java:129)
at org.gradle.wrapper.GradleWrapperMain.main(GradleWrapperMain.java:48)
解决方法
https://services.gradle.org/distributions/下载链接
1.重新下载gradle-3.3-all.zip,进入一堆乱码的文件夹,比如2n0i7hqatcbtk57vvql575dbap
2.不要删除里面的.lck和.part等文件,直接拷贝下载的gra
dle-3.3-all.zip文件到该目录
在androidstudio运行,按照他的suggestion改就OK了
接下来出现的都是版本问题,我也不知道怎么改了,改了好多次,最后可以了
运行方式
react-native init 项目名
reactNative利用androidStudio运行:
在androidStudio 打开android文件夹,一定要打开这个,不然不能正常运行
在项目目录下运行react-native start 启动package server,
在androidstudio点击run->app
adb shell input keyevent 82 打开菜单
或者
reactNative真机运行:USB手机连接电脑,
在项目目录下运行react-native run-android
摇晃设备或按Menu键可以打开调试菜单,点击Dev Settings,
选Debug server host for device,
输入你的正在运行packager的那台电脑的局域网IP加:8081(同时要保证手机和电脑在同一网段,且没有防火墙阻拦),再按back键返回,
再按Menu键,在调试菜单中选择Reload JS,就应该可以看到运行的结果了。
adb devices查看连接电脑的手机设备
creact-react-native-app 项目名这种方法是创建纯粹的react-native,没有和安卓混合开发
真机运行react-native遇到了的问题
1、adbserver version (32) doesn't match this client (36); killing...
最后原因是因为手机驱动安装失败
解决方法:豌豆荚
2、
解决方法
3、
解决方法:修改两个地方
http://blog.csdn.net/mapboo/article/details/53419838
其他:
构建 F8 App / ReactNative 开发指南
F8App-ReactNative项目源码分析4-js篇
http://blog.csdn.net/offbye/article/details/51586227
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)