【原创】使用react-active运行实例

来源:互联网 发布:淘宝客服骂人投诉电话 编辑:程序博客网 时间:2024/06/17 01:04

忠实记录自己使用react-active的过程:

首先我们要去github下载react-active:

git clone https://github.com/facebook/react-native.git react-native

之后我们按照 https://github.com/facebook/react-native 中最后所说:

git clone https://github.com/facebook/react-native.gitcd react-native && npm installcd Examples

我们到下载好的react-active目录下执行npm install命令。

本来有一大串输出的,这里我为了不打断思路,就直接接着记录了,我们需要cd到example目录下,可以看到:

react-active自带的example目录及其实例

好吧,这里我第一个看到的就是2048,好吧,当年我着魔玩了好一阵,就用它来实验吧。

然后我们到这个目录里:

2048目录

直接双击运行2048.xcodeproj,我们就在xcode中打开了这个2048的项目。

我直接在xcode中点击运行,terminal出现了这种错误:

错误

然后模拟器是这种错误:

2048实例运行错误

terminal这里的意思我但是理解是没有安装watchman,好吧,我顺便就brew install watchman安装了一下。当然,后面我知道这个watchman并不是非要安装的。

这不是重点,模拟器的提示是没有启动node服务器,然后我就按照提示,在run之前先到react-active根目录下执行了npm start:

这里写图片描述

然后我再重新到xcode中run了一下2048,然后~~哈哈:

2048成功运行

如果你没有启动npm start,那么会出现这么一个错误:

这里写图片描述

提示你安装flow。

你可以选择去安装flow,其实没有也可以。

0 0
原创粉丝点击