首页 > react native 导入项目问题

react native 导入项目问题

我用git clone git地址 命令载了豆瓣项目下来

项目成功导进设定的目录下(目录结构如下)。

进入到douApp目录下我想直接用 react-native start 编译该项目,显示:
Command start unrecognized. Did you mean to run this inside a react-native pro
ject?
网上搜索了些资料,认为是需要先用 npm install安装起来才能编译(只是我自己的想法,具体怎么导入项目并运行项目我现在还不清楚方法)
于是进入到douApp目录,敲入npm install命令出现下面错误:

请教大神们路过赐教下。。。。。


你没有先安装React Native开发环境吧。
先按照官方文档中的步骤安装开发环境。


原文可以参考我的博客

写在前面

目前最热的框架之一,可以通过更新远端JS,直接更新app, 用 JavaScript 调起 native 组件,将增强与高性能组件交给 native 来处理 ,相比其他hybrid框架而言并非通过webview来调用原生组件,而是直接调用操作系统自带的javascriptCore
React Native only supports Android 4.1 and above

由于Facebook基本人手mac+iphone,所以用win+android来搞的同学 如果你在学习使用的过程中出现了各种莫名其妙的意想不到的问题,辣么 这一切都在情理之中,有条件的同学建议宁愿linux也不要win下搞,此处送你前人踩坑宝典两册
点我传送 - 踩坑宝典<上>

点我传送 - 踩坑宝典<下>

<!-- more -->

0.环境

1.windows : 10
2.node : 5.1.0
3.npm : 3.3.12
4.react-native-cli : 0.1.7
5.Genymotion : 2.6, Nexus 6 - 5.1 API 22
6.git : 2.6.2

1.安装

安装比较简单 基本按照官网说明走就行了,唯一需要注意的就是
请时刻保持翻墙状态
请时刻保持翻墙状态
请时刻保持翻墙状态

当然最好使用安装git后自带的git bash 不要用cmd了。

官网说明传送门

为了方便小语种的同学,这里简单赘述一下
1.你需要安装nodejs 4.0 以上的版本
当然如果你正在用5.0以上版本的node那么建议切换到npm2,因为这比3要快 采用如下命令切换

    npm install -g npm@2.

然后你就可以开始安装RN了,这里需要注意的是win下可能会提示你缺少各种依赖的模块包,耐心安装,并不是没有尽头...

    npm install -g react-native-cli

2.Hello World

折腾完了现在开始创建你的项目吧,用下面的命令(AwesomeProject(超屌的项目),名字你可以随便起(其实不能随便起,千万不要带有react这个单词,否则会出现莫名其妙的问题 - 2016.03补充),这是官方示例给的一个名字)

 react-native init AwesomeProject

创建完成后跳到项目跟目录让他在你的安卓机上跑起来吧:)
官方文档传送门

新开个终端 ,跳到你的项目目录执行
运行packager

    cd AwesomeProject
    react-native start

运行程序

    react-native run-android

这里需要注意的地方是
1.如果是android 5.0+辣么,这一点我用Genymotion创建的虚拟设备不进行此步骤也没问题,真机了也不行,原因未知。

    adb reverse tcp:8081 tcp:8081

现在 你应该已经看到官方为你准备的Welcome页面了,这个页面在项目根目录下的index.android.js和index.ios.js下

参考链接:
点我传送 - 官方文档
点我传送 - 踩坑宝典<上>
点我传送 - 踩坑宝典<下>

【热门文章】
【热门文章】