React-Native Android 学习笔记——1,配置环境

原创 2016年03月18日 15:30:43

一,设备与环境

1,一台 mac

2,安装软件包管理器 Homebrew(中文)

终端里输入/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"进行安装。

3,安装 wget 或者 curl

wget,终端里输入brew install wget进行安装。
curl,终端里输入brew install curl进行安装。

4,安装 nvm (node版本管理器)

如果安装了 wget,终端输入wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash进行安装 nvm。

如果安装了 curl,终端输入curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bashÂ进行安装 nvm。

5,Android SDK

这个不用多说了,相信大家都会的。顺便把 Android SDK 配置到环境变量。

如果你没有 Android SDK,也可以通过终端输入brew install android-sdk

二,安装和初始react-native demo

终端输入npm install -g react-native-cli安装 react-native。

如果显示EACCES: permission denied,用超级权限再次执行一下上面的指令。反正我是没遇到。

进入到你要创建 demo 的目录,终端输入cd 你得文件路径.
终端输入react-native init AwesomeProject,初始 AwesomeProject 。

终端输入cd AwesomeProject

终端输入react-native run-android可以直接运行 node 服务并编译运行 Android 项目,直至安装到手机。

如果界面报错提示如下:

Unable to download JS bundle
com.facebook.react.devsupport.DebugServerException: Could not connect to development server.

URL: http://localhost:8081/index.android.bundle?platform=android&dev=true&hot=false

Try the following to fix the issue:
• Ensure that the packager server is running
• Ensure that your device/emulator is connected to your machine and has USB debugging enabled - run 'adb devices' to see a list of connected devices
• If you're on a physical device connected to the same machine, run 'adb reverse tcp:8081 tcp:8081' to forward requests from your device
• If your device is on the same Wi-Fi network, set 'Debug server host & port for device' in 'Dev settings' to your machine's IP address and the port of the local dev server - e.g. 10.0.1.1:8081
at com.facebook.react.devsupport.DevServerHelper$1.onFailure(DevServerHelper.java:203)
at com.squareup.okhttp.Call$AsyncCall.execute(Call.java:175)
at com.squareup.okhttp.internal.NamedRunnable.run(NamedRunnable.java:33)
at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1113)
at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:588)
at java.lang.Thread.run(Thread.java:818)

一般在终端输入adb reverse tcp:8081 tcp:8081即可解决,其他请详细看 log。

版权声明:本文为博主原创文章,未经博主允许不得转载。

Android启动react native服务报错:Ensure that the packager server is running

有用点赞,没用请踩。 在react native中使用命令react-native run-android 启动是正常的,但是在AS中直接启动却一直报这个错,原来是自己对于两种启动方式没了解清楚: ...
  • qq_33802316
  • qq_33802316
  • 2017年08月11日 17:51
  • 190

react-native 环境搭建遇到问题

1.   D:\Android\WorkSpace\AwesomeProject>react-native run-android JS server already running. Buildin...
  • shuai123456
  • shuai123456
  • 2016年07月14日 16:36
  • 9354

Windows下使用AndroidStudio+ReactNative开发Android应用

Windows下使用AndroidStudio+ReactNative开发Android应用
  • asmcvc
  • asmcvc
  • 2016年06月15日 17:19
  • 10826

React Native iOS 之Could not connect to development server.

React Native iOS 之Could not connect to development server. React Native 是目前最火的开发框架,其他不说了,上Bug。 ...
  • u011363981
  • u011363981
  • 2016年02月16日 17:16
  • 6050

Could not connect to development server. 开发react-native是有时会出现这种错误

Could not connect to development server.  开发react-native是有时会出现这种错误 这就是解决方法,  主要是服务器没开启, 在AppDelegate...
  • zhaoweizheng66
  • zhaoweizheng66
  • 2016年03月31日 13:41
  • 6919

在windows上搭建React Native开发环境

最近要学习React Native,但是在window上搭建开发环境的时候遇到了些问题,以至于一直没有搭建好开发环境。 React Native相关项目及文档: react-native的...
  • limm33
  • limm33
  • 2016年03月16日 22:29
  • 4311

搭建React Native开发环境

本文是对Ubuntu环境下开发环境的搭建Android Studio下载Android Studio2.2: http://www.androiddevtools.cn/; 下载android-sd...
  • heqiangflytosky
  • heqiangflytosky
  • 2016年12月07日 10:11
  • 1647

React-Native run-android报错以及adb 命令不识别

在遇到adb 命令不识别,或者genymotion的模拟器不识别,找不到的问题。都是genymotion配置的不正确。 打开genymotion的adb设置,androidSDK的配置选择自己下载的...
  • yang1994
  • yang1994
  • 2016年03月26日 17:33
  • 18827

解决react-native run-android报DeviceException Could not create ADB Bridge错误

在使用Genymotion来调试运行React Native项目时,遇到了以下问题: * What went wrong: Execution failed for task ':app:insta...
  • violetjack0808
  • violetjack0808
  • 2016年04月21日 21:07
  • 7374

在Windows下搭建React Native Android开发环境

一、安装JDK 二、安装Android SDK 三、安装C++环境 网上很多以前的资料(其实就是那一份)都说安装Visual Studio 2013或2015,编译node.js的C++模块...
  • zxc123e
  • zxc123e
  • 2016年05月16日 16:48
  • 1656
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:React-Native Android 学习笔记——1,配置环境
举报原因:
原因补充:

(最多只允许输入30个字)